帆软报表用js在曲线图在x轴95%处直接显示那个点的数据
时间: 2024-03-21 16:42:50 浏览: 15
在帆软报表中,您可以使用 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%处直接显示那个点的数据
在帆软报表中,您可以通过设置数据标签在曲线图的x轴95%处直接显示那个点的数据。具体操作步骤如下:
1. 右键单击曲线图,选择“属性”。
2. 在“属性”窗口中,选择“数据标签”选项卡。
3. 在“数据标签”选项卡中,将“显示数据标签”选项打开。
4. 根据需要选择“显示数值”或“显示系列名称”。
5. 在“数据标签格式”框中,设置要显示的数据格式。
6. 在“数据标签位置”框中,选择“自定义”。
7. 在“数据标签自定义位置”框中,输入“0.95”。
8. 点击“确定”保存设置。
通过以上设置,数据标签就会出现在曲线图的x轴95%处,直接显示该点的数据。如果需要修改数据标签的样式,可以在“数据标签样式”选项卡中进行设置。
帆软报表用js在曲线图在x轴95%处直接显示那个点的数据,不需要鼠标移动到那个点的位置
在帆软报表中,您可以使用 JavaScript 实现在曲线图的 x 轴 95% 处直接显示该点的数据,而不需要鼠标移动到那个点的位置。具体操作步骤如下:
1. 右键单击曲线图,选择“属性”。
2. 在“属性”窗口中,选择“交互”选项卡。
3. 在“交互”选项卡中,将“启用图表事件”选项打开。
4. 在“图表事件”下拉列表中选择“load”。
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 代码中进行设置。