基础轮播实现
| // 页面加载后开启轮播(延迟3秒确保图表加载完成) |
| duchamp.on("storychange", (current) => { |
| setTimeout(() => { |
| if (current === "地图所在页面名称") { |
| duchamp.getWidgetByName("地图组件名称").openAutoTooltip(3000); // 3秒间隔 |
| } |
| }, 3000) |
| }); |
进阶控制方法开启指定数据点轮播:
| // 获取特定数据点集合后开启轮播 |
| var points = duchamp.getWidgetByName("地图组件名称").getPoints(); |
| duchamp.getWidgetByName("地图组件名称").openAutoTooltip(2000, points.slice(0,5)); // 只轮播前5个点 |
暂停/继续控制:
| // 通过鼠标事件控制 |
| $("[fvs-component-name='地图组件名称']").hover( |
| () => controller.stop(), // 鼠标移入暂停 |
| () => controller.moveOn() // 鼠标移出继续 |
| ); |