报表块中的柱状图如何实现提示轮播

报表块中的柱状图如何实现提示轮播

FineReport yzm7eGSM1009563 发布于 2022-9-3 14:40
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
vv可爱多Lv4初级互助
发布于2022-9-3 14:47(编辑于 2022-9-3 14:58)

主要参考上边的官方文档哈,有案例~写的很详细,有帮助望采纳哟~

可以设置按钮让提示点轮播也可以参考

3.5 设置初始化后事件

若希望预览模板时直接开启图表数据点提示轮播,不需要点击按钮控制,可以给图表添加一个「初始化后」事件

图表开启自动数据点提示轮播接口- FineReport帮助文档 - 全面的报表使用教程和学习资料 (fanruan.com)

setTimeout(function () {var vanchart = FR.Chart.WebUtils.getChart('chart0').getChartWithIndex(0),openAutoTooltipCarouselDelay = 1000;openAutoTooltipCarousel();function openAutoTooltipCarousel(ele) {var series = vanchart.series, allPoints = []; // 获取chart下的所有系列和所有数据点// 把所有系列的点连接到新数组allPointsfor (var i = 0; i < series.length; i++) { allPoints = allPoints.concat(series[i].points); }var pointsLen = allPoints.length;// 默认的提示轮播从第一个点开始var index = 0;window.openAutoTooltipCarouselTimer = setInterval(function () {// 遍历series下面每个系列的点while (true) {var point = allPoints[index % pointsLen];index++;if (!point.isNull) { vanchart.showTooltip(point); break; }}}, openAutoTooltipCarouselDelay);}}, 3000);

  • yzm7eGSM1009563 yzm7eGSM1009563(提问者) 打不开该界面
    2022-09-03 14:49 
  • vv可爱多 vv可爱多 回复 yzm7eGSM1009563(提问者) 已更新链接
    2022-09-03 14:51 
  • yzm7eGSM1009563 yzm7eGSM1009563(提问者) 回复 vv可爱多 setTimeout(function(){ var vanchart =FR.Chart.WebUtils.getChart(\"A3\",\"report1\").getChartWithIndex(0); vanchart.openAutoTooltip(); },3000) 我是这样写的,没有反应呀
    2022-09-03 15:04 
  • 2关注人数
  • 438浏览人数
  • 最后回答于:2022-9-3 14:58
    请选择关闭问题的原因
    确定 取消
    返回顶部