历史版本2 :图表开启自动数据点提示轮播接口 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 版本编辑
| 报表服务器版本 |
|---|
| 10.0 |
2. 描述编辑
实现自动数据点提示轮播，并且轮播的时候高亮显示对应的数据点
3. 接口编辑
3.1 开启自动数据点提示轮播
使用之前先获取需要操作的图表对象
chart.openAutoTooltip([delay, initPoints]);
| 参数 | 含义 |
|---|---|
| delay | 提示切换时间间隔，默认为3s |
| initPoints | 轮播数据点提示对应的数据点集合，默认为图表内所有数据点 |
3.2 停止自动数据点提示轮播
在调用该方法后，会返回一个用于关闭自动轮播数据点提示的controller，通过controller.stop()方法，即可停止当前的轮播数据点提示自动播放， 如：
var controller = chart.openAutoTooltip(); // 开启自动数据点提示轮播
controller.stop(); // 停止自动轮循播放数据点提示
3.3 继续从停止位置播放数据点提示轮播
var controller = chart.openAutoTooltip(); // 开启自动数据点提示轮播
controller.stop(); // 停止自动轮循播放数据点提示
controller.moveOn(); //继续从停止位置播放数据点提示轮播
3.4 轮播特定的数据点集合
如果想要指定轮播间隔和需要显示数据点提示的数据点集合，则可以追加可选参数，关于获取指定数据点集合，可以参考获取图表内特定的数据点对象
4. 示例一：普通报表cpt编辑
2.1 数据准备
新建工作簿，添加数据库查询ds1:SELECT * FROM 销量 where 地区 ='华东'
2.2 图表制作
合并一片单元格（此处合并后的单元格为A3），插入折线图，数据设置如下：
按照需要可在图表属性表中进一步设置图表样式，例如调整配色，坐标轴，字体大小颜色，这里不再一一介绍
2.3 插入按钮控件
在图表上方插入两个按钮控件，按钮名称分别为【暂停数据点提示轮播】和【继续数据点提示轮播】。
2.4 开启自动数据点提示轮播
1）轮播所有的数据点提示
var vanchart =FR.Chart.WebUtils.getChart("A3").getChartWithIndex(0);//获取图表对象
vanchart.openAutoTooltip();//开启数据点提示轮播
选中图表，点击特效>交互属性>添加超级链接，添加一个JavaScript超链，如下图：
2）轮播指定的数据点提示（值大于400）
var vanchart =FR.Chart.WebUtils.getChart("A3").getChartWithIndex(0);//获取图表对象
var points = [];
vanchart.series.forEach(function (ser){//获取所有的数据提示点
points = points.concat(ser.points);
})
points = points.filter(function (p){//筛选大于400的数据提示点
return p.value > 400;
})
var delay=1000//切换时间间隔为1秒
vanchart.openAutoTooltip(delay,points);//开启数据点提示轮播
2.5 停止自动数据点提示轮播
给第一个按钮添加点击事件，点击按钮停止数据点提示轮播