1. 概述
适用场景：安装了「FineVis数据可视化」插件的用户，可参考本文了解 FVS 模板的相关功能。
1.1 版本
| 报表服务器版本 | 插件版本 |
|---|---|
| 11.0.22 | V3.0.0 |
1.2 应用场景
当三维组件开启视角旋转、轮播组件开启轮播或表格开启跑马灯时，鼠标悬浮组件会暂停播放，鼠标移开后将继续播放。然而，在某些场景下，可能希望这些效果不受鼠标影响，能够持续进行旋转、轮播或滚动。如下图所示：
1.3 实现方式
使用 openHoverPauseRollPlay 与 closeHoverPauseRollPlay 两个接口，可以实现控制组件是否开启悬浮时暂停播放的功能。
注1：仅支持 FVS V3.0.0 及以上版本。
注2：默认情况下鼠标悬停功能开启。若通过 closeHoverPauseRollPlay 将其关闭，需使用 openHoverPauseRollPlay 重新启用鼠标悬停功能。
duchamp.getWidgetByName("组件名称").closeHoverPauseRollPlay();//关闭组件鼠标悬停
duchamp.getWidgetByName("组件名称").openHoverPauseRollPlay();//开启组件鼠标悬停2. 示例
2.1 新建模板
点击设计器左上角「文件>新建可视化看板」，创建一张空白可视化看板，可自定义名称和尺寸。如下图所示：
2.2 设计组件
添加两个 标题组件 用于设置点击事件，分别设置标题组件的「标题内容」为 关闭所有组件的悬停 和 开启所有组件的悬停。
可以实现轮播/旋转/滚动的组件可随意添加，本例添加了一个轮播饼图、一个三维自定义组件和一个表格。
分别设置这些组件的内容为「轮播饼图、三维自定义组件、表格」，在「组件」面板中可修改组件名称。如下图所示：
2.3 设置 JavaScript 事件
1）选中「关闭所有组件的悬停」标题组件，点击「交互>交互事件>添加事件>鼠标点击>JavaScript」。
输入以下 JavaScript 脚本：
duchamp.getWidgetByName("轮播饼图").closeHoverPauseRollPlay();
duchamp.getWidgetByName("三维自定义组件").closeHoverPauseRollPlay();
duchamp.getWidgetByName("表格").closeHoverPauseRollPlay();
步骤如下图所示：
2）同理设置另外一个标题组件的 JavaScript 事件：
duchamp.getWidgetByName("轮播饼图").openHoverPauseRollPlay();
duchamp.getWidgetByName("三维自定义组件").openHoverPauseRollPlay();
duchamp.getWidgetByName("表格").openHoverPauseRollPlay();
2.4 效果预览
点击右上角「预览」，关闭所有组件的悬停的效果如 1.2 节中所示。
再次开启所有组件的悬停：
3. 模板下载
点击下载模板：JS控制鼠标悬停效果的开启与关闭.fvs
