帆软报表用js自定义在折线图95%处的位置显示标识

以下是一个示例代码，用于在折线图的x轴95%处显示标识：

fr.exportFunctions.addChartCustomizer(function(chart, options) {
    if (options.type === 'line') { // 只对折线图进行处理
        var xAxis = chart.xAxis[0];
        if (xAxis) {
            // 设置标识位置
            var x = xAxis.len * 0.95 + xAxis.left;
            // 添加标识
            chart.renderer.text('标识内容', x, chart.plotTop - 10)
                .attr({
                    zIndex: 5
                })
                .css({
                    color: 'red',
                    fontSize: '14px'
                })
                .add();
        }
    }
});

请将代码添加到帆软报表中的JS脚本中，并将标识内容替换为您需要显示的内容。在报表预览时，如果出现折线图并且x轴存在，标识将会在x轴95%处显示。

相关问题

帆软报表用js自定义在折线图95%处的位置显示在y轴的数值

可以通过以下步骤来实现在帆软报表折线图中，在y轴的95%处显示当前值：

1. 在帆软报表设计器中，进入折线图的“属性”面板，找到“脚本”选项卡。

2. 在“脚本”选项卡中，选择“JS脚本”，然后输入以下代码：

chart.on('rendered', function() {
    var yMax = this.yAxis[0].max;
    var y95 = yMax * 0.95;
    var y95Pos = this.yAxis[0].toPixels(y95);
    this.renderer.text(y95, this.plotLeft - 10, y95Pos)
        .attr({
            align: 'right',
            zIndex: 100
        }).add();
});

3. 保存报表并预览，你将看到在y轴的95%处显示当前值。

解释一下代码：

首先，我们在图表的“rendered”事件中获取y轴的最大值（yMax），然后计算出y轴的95%位置（y95）。接下来，我们使用Highcharts的“toPixels”函数将y95转换为像素位置（y95Pos），然后使用Highcharts的渲染器（renderer）在y轴的左侧显示y95的值。最后，我们使用“attr”函数设置文本的对齐方式（“align”）和层级（“zIndex”），并将文本添加到图表中。

帆软报表用js自定义在折线图折线95%处的位置显示样本点

可以通过以下步骤来实现在帆软报表折线图中，在折线的95%处显示样本点：

1. 在帆软报表设计器中，进入折线图的“属性”面板，找到“脚本”选项卡。

2. 在“脚本”选项卡中，选择“JS脚本”，然后输入以下代码：

chart: {
    events: {
        load: function() {
            var points = this.series[0].points;
            var maxIndex = Math.floor(points.length * 0.95);
            var x = points[maxIndex].x;
            var y = points[maxIndex].y;
            var label = this.renderer.label(y, x, null, null, null, null, true)
                .css({
                    color: '#FFFFFF',
                    backgroundColor: '#000000',
                    padding: '4px',
                    borderRadius: '5px',
                    zIndex: 6
                })
                .add();
            label.align(Highcharts.extend(label.getBBox(), {
                align: 'center',
                x: 0,
                verticalAlign: 'bottom',
                y: 0
            }), null, 'spacingBox');
        }
    }
}

3. 保存报表并预览，你将看到在折线的95%处显示样本点的值。

解释一下代码：

首先，我们在图表的“load”事件中获取第一个数据系列的所有数据点（points）。然后，我们计算出折线的95%位置（maxIndex），并获取该位置的x和y值。接下来，我们使用Highcharts的渲染器（renderer）创建一个文本标签（label），并设置其样式（颜色、背景色、内边距、圆角和层级）。最后，我们使用“align”函数将标签放置在折线的95%处，并将其添加到图表中。