需通过特定接口或配置启用轮播功能:一、调用openautotooltip方法;二、在可视化平台开启“是否轮播”开关;三、使用轮播列表组件;四、用JavaScript自定义轮播逻辑。

如果您希望交互图表在展示时自动轮播数据点提示或图表内容,而非依赖用户手动悬停或点击触发,则需通过特定接口或配置项启用轮播功能。以下是实现交互图表自动轮播展示的多种方法:
一、调用图表对象的 openautotooltip 方法
该方法适用于 FineReport 等支持 JS 接口的报表工具,用于开启数据点提示的自动轮播,仅作用于非扩展类图表且不支持移动端。
1、在图表加载完成后的 JS 事件中(如「图表加载后」事件)获取图表对象:chart = this.options.chart。
2、调用 openautotooltip 方法并传入轮播间隔参数:chart.openautotooltip(2000),表示每 2 秒切换一次提示。
3、如需指定轮播的数据点集合,可构造 initpoints 数组并传入:chart.openautotooltip(2000, [point1, point2])。
4、绑定控制器以支持动态启停:const controller = chart.openautotooltip(2000); controller.stop();。
二、在可视化平台配置“是否轮播”开关
部分低代码平台(如简道云、FVS 看板等)提供图形化配置入口,通过开启全局轮播开关控制交互图表内容的自动滚动或翻页。
1、进入图表编辑界面,定位至「功能设置」或「高级设置」区域。
2、找到「是否轮播」选项,将其切换为开启状态。
3、选择轮播形式:若为表格类图表,可选「滚动」或「翻页」;若为指标图或玫瑰图,仅支持「滚动」模式。
4、设置轮播间隔时间:输入 1~60 之间的整数(单位:秒),例如填写 1 表示每秒轮播一次。
5、保存配置并预览,确认轮播效果已生效。
响应式黑色展台设计整站模板,自带内核安装即用,图片文本实现可视化,方便修改,支持多种内容模型及自定义功能,可根据需要自行添加。模板特点: 1、安装即用,自带人人站CMS内核及企业站展示功能(产品,新闻,案例展示等),并可根据需要增加表单 搜索等功能(自带模板) 2、支持响应式 3、前端banner轮播图文本均已进行可视化配置 4、伪静态页面生成 5、支持内容模型、多语言、自定义表单、筛选、多条件搜
三、使用轮播列表组件替代原生交互图表
当原生图表不支持轮播或需更强定制能力时,可采用专为轮播设计的「轮播列表」组件,其本质是具备动画能力的增强型表格组件。
1、从组件库中拖入「轮播列表」组件至画布。
2、绑定数据集,确保字段与组件列配置一一对应。
3、在「全局」配置中,勾选「是否轮播」,并设置「轮播间隔」和「动画模式」(全部滚动 / 逐条滚动)。
4、启用「单页不轮播」可避免数据不足一页时出现空转;启用「空值隐藏行」可提升展示整洁度。
5、配置「溢出文本滚动」以支持长文本自动滑动显示,滚动时间为 3~10 秒可读性较佳。
四、通过前端 JavaScript 实现自定义轮播逻辑
适用于 H5 可视化大屏等需完全自主控制轮播节奏与样式的场景,通过定时器驱动图表状态切换。
1、为图表容器添加唯一 ID,例如:。
2、定义轮播数据数组,包含各状态所需参数(如 seriesIndex、dataIndex、tooltipShow 等):const carouselSteps = [{series: 0, data: 2}, {series: 1, data: 0}, ...];。
3、使用 setInterval 启动轮播循环,每次执行时调用图表 API 触发高亮或提示:chartInstance.dispatchAction({type: 'showTip', seriesIndex: step.series, dataIndex: step.data});。
4、绑定鼠标移入/移出事件暂停与恢复轮播:element.addEventListener('mouseenter', () => clearInterval(timer));。









