柱形图自动播放数据点提示

我看到有折线图自动播放数据点提示(js),但是我想说看看适不适用柱形图,结果发现没反应,是不是需要修改js,我对js不是太懂?

添加的JS如下:

setTimeout(function() {

var vanchart = FR.Chart.WebUtils.getChart('chart2').vanCharts.charts[0],

openAutoTooltipCarouselDelay = 5000;

openAutoTooltipCarousel();

function openAutoTooltipCarousel(ele) {

var series = vanchart.series; // 获取chart下的所有系列

// 获取系列第一个系列的所有数据点

// 注意,每次只能显示一个数据点提示,如果需要显示多个数据点的提示内容,可以在plotOptions里面开启数据提示共享

var points = series[0].points,

pointsLen = points.length;

// 默认的提示轮播从第一个点开始

var pointIndex = 0;

window.openAutoTooltipCarouselTimer = setInterval(function() {

// 遍历series下面每个系列的点

// 使用vanchart.showTooltip依次展示不同索引的数据点

vanchart.showTooltip(points[pointIndex]);

pointIndex < pointsLen - 1 ? pointIndex++ : pointIndex = 0;

}, openAutoTooltipCarouselDelay)

}

}, 3000)



FineReport 升降梯 发布于 2019-1-30 16:59 (编辑于 2019-1-31 09:29)
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
1
chen007007Lv2见习互助
发布于2019-1-30 17:42(编辑于 2019-1-31 10:22)

image.png

setTimeout(function(){  

var vanchart = FR.Chart.WebUtils.getChart('chart0').vanCharts.charts[0],  

openAutoTooltipCarouselDelay = 1000;  

openAutoTooltipCarousel();  

  

function openAutoTooltipCarousel(ele){  

var series = vanchart.series; // 获取chart下的所有系列  

// 获取系列第一个系列的所有数据点  

// 注意,每次只能显示一个数据点提示,如果需要显示多个数据点的提示内容,可以在plotOptions里面开启数据提示共享  

var points = series[0].points,   

pointsLen = points.length;  

// 默认的提示轮播从第一个点开始  

var pointIndex = 0;  

  

window.openAutoTooltipCarouselTimer = setInterval(function (){  

// 遍历series下面每个系列的点  

// 使用vanchart.showTooltip依次展示不同索引的数据点  

vanchart.showTooltip(points[pointIndex]);  

  

pointIndex < pointsLen - 1 ? pointIndex++ : pointIndex = 0;  

  

}, openAutoTooltipCarouselDelay)  

}  

},3000)  


  • 升降梯 升降梯(提问者) 谢谢您的回答,我建的是决策报表,您的这个方法我试了,还是没有出现自动播放的数据点提示。
    2019-01-31 09:21 
  • chen007007 chen007007 回复 升降梯(提问者) http://help.finereport.com/finereport9.0/doc-view-2370.html 注:由于决策报表里没有加载结束后事件,只有初始化后事件,但是我们需要在决策报表加载结束后再执行这段代码,因此我们在代码前面加上setTimeout()延时函数才能让我们的自动播放数据点提示的就是起到作用。 注:1000ms代表的是事件加载结束后的时间,如果数据量庞大导致报表生成过慢,测试一下加载报表所需时间,换算成毫秒后,将1000替换。例如:报表加载需要15s,那么当前代码后面延迟的1000需要改成20000。
    2019-01-31 10:24 
  • 升降梯 升降梯(提问者) 再次感谢!是我数据绑定不合适,不是js的问题。
    2019-01-31 14:50 
  • xhxiaoqing xhxiaoqing 你好,请教您,如果我想针对一个柱形图,只显示最新3个月的数据点提示呢?需要怎么修改JS
    2020-09-30 09:04 
最佳回答
0
影丶Lv5高级互助
发布于2019-1-31 10:05

柱形图也是可以的,我用你的js代码试了下,是可以的

  • 升降梯 升降梯(提问者) 谢谢!我发现了,不是js的问题,是我绑定数据有问题!
    2019-01-31 14:49 
  • 3关注人数
  • 1417浏览人数
  • 最后回答于:2019-1-31 10:22
    请选择关闭问题的原因
    确定 取消
    返回顶部