帆软报表用js在曲线图在x轴95%处直接显示那个点的数据
时间: 2024-03-21 19:42:50 浏览: 51
在帆软报表中,您可以使用 JavaScript 实现在曲线图的 x 轴 95% 处直接显示该点的数据。具体操作步骤如下:
1. 右键单击曲线图,选择“属性”。
2. 在“属性”窗口中,选择“交互”选项卡。
3. 在“交互”选项卡中,将“启用鼠标事件”选项打开。
4. 在“鼠标事件”下拉列表中选择“mousemove”。
5. 在“交互”选项卡中,点击“新建脚本”按钮。
6. 在弹出的“脚本编辑器”中输入以下 JavaScript 代码:
```
var chart = chartViewer.getChart();
var xAxis = chart.xAxis[0];
var point = xAxis.getPlotLineIntersection(0.95);
if (point) {
var series = chart.series[0];
var value = series.yData[point.index];
chart.renderer.text(value, point.plotX, point.plotY - 10)
.attr({
zIndex: 5
})
.add();
}
```
7. 点击“确定”保存设置。
通过以上设置,当鼠标移动到曲线图的 x 轴 95% 处时,该点的数据将会在该点上方以文本形式显示出来。如果需要修改数据标签的样式,可以在 JavaScript 代码中进行设置。
相关问题
帆软报表折线图x轴95%处显示标记点
你可以使用帆软报表中的数据点标记功能来实现这个需求。具体操作如下:
1. 在折线图上右键单击,选择“图表属性”;
2. 在“系列”选项卡中,选择要添加数据点标记的系列,如“线1”;
3. 在“数据点标记”中,勾选“显示数据点标记”;
4. 在“数据点标记”中,选择“按数值大小显示标记点”;
5. 在“数据点标记”中,设置“显示标记点的数值范围”,选择“最大值的百分比”,并设置为95%。
这样,在折线图的x轴95%处,就会自动显示标记点了。
帆软报表用js自定义在x轴95%处的位置显示标识
您可以使用帆软报表提供的JS函数`fr.exportFunctions.addChartCustomizer`来实现自定义标识位置的功能。
以下是一个示例代码:
```javascript
fr.exportFunctions.addChartCustomizer(function(chart, options) {
if (options.type === 'bar') { // 只对柱状图进行处理
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%处显示。
阅读全文