1. 概述
1.1 版本
报表服务器版本 | 插件版本 | 功能变更 |
---|---|---|
11.0 | V1.0.0 | - |
1.2 应用场景
在企业年度会议中希望动态展示不同部门的业绩数据,在智慧城市信息平台上希望动态展示各类公共数据等场景。
轮播环形图插件在集成 Echart环形图 的基础上添加了大屏所需的自动播放系列的功能,给环形图提供了动态效果,丰富了大屏和报表的题材。具体效果如下图所示:
1.3 功能描述
帆软提供「轮播环形图」插件,主要用于动态展示环形图。
支持自定义环形轮播图样式设置和动画效果
不支持移动端
2. 插件介绍
2.1 插件安装
点击下载插件:轮播环形图插件
设计器插件安装方法参照 设计器插件管理
服务器安装插件方法参照 服务器插件管理
2.2 功能入口
1)普通报表
选中单元格并调整到合适大小,点击上方工具栏插入图表按钮,插入「轮播环形图」。如下图所示:
注:也可以在右侧「悬浮元素>添加元素>插入图表」中选择轮播环形图
2)FVS可视化看板
在 FVS 中添加表格组件。编辑表格,上方工具栏中选择插入图表,在图表类型窗口,选择「轮播环形图」,如下图所示:
注:FVS,仅支持在「表格组件」中插入轮播环形图使用,不支持直接在「图表组件」中使用轮播环形图。
3)决策报表
在决策报表上方的图表工具栏,选择「轮播环形图」图标,即可添加,如下图所示:
注:决策报表,支持在报表块或图表块中使用「轮播环形图」。
2.3. 图表属性
2.3.1 数据
支持数据库数据集,文本数据集,内置数据集,关联数据集等数据集设置。
数据源填入对应数据来源,选择对应的分类、系列名、值及汇总方式。
2.3.2 样式
样式属性有五种类型:标题、图形、图例、提示内容、提示样式
具体说明如下表所示:
样式 | 说明 | |
---|---|---|
标题 | 设置图表标题的内容和外观效果。
| ![]() |
图形 | 设置图形的外观样式效果。
| ![]() |
图例 | 可设置图例的外观样式效果。
| ![]() |
提示内容 | 可设置饼图图形上的文本标签外观样式效果。
| ![]() |
提示样式 | 可设置饼图高亮状态的扇区和标签样式。
| ![]() |
2.3.3 特效
1)动画参数
动画:支持三种动画类型。无动画、渐变动画、自定义动画。
间隔:动画间隔时间。
是否永久动画:勾选后,鼠标点击扇区或图形时,不会中止动画播放。
自定义动画-旋转:控制图表扇区角度,实现扇区按照指定方向旋转效果。
注:「自定义动画-旋转」设置仅在动画选择「自定义动画」时出现
2)刷新
定时刷新:按照时间间隔,图表数据定时更新数据。定时刷新时,当前正在动画扇区会播放动画结束,不停止。
3)超级链接
超级链接:图表可添加链接,实现鼠标双击打开链接页面效果。
3. 示例
3.1 新建图表
1)新建一张普通报表。
2)将单元格调整到合适大小,选中单元格。
3)点击上方工具栏插入图表按钮,插入「轮播环形图」。
3.2 设置图表属性
1)数据
设置数据来源为「数据集数据」,数据集为内置数据集「用户信息表」
分类为「position」,值为「username」,汇总方式为「个数」
2)样式
样式设置 | 图示 |
---|---|
标题
| ![]() |
图形 默认设置即可 | - |
图例
| ![]() |
提示内容 默认设置即可 | - |
提示样式 默认设置即可 | - |
3)特效
具体设置见 3.3 节。
3.3 效果预览
特效设置中不同动画的效果如下表所示:
动画 | 效果 | |
---|---|---|
无动画 | ![]() | |
渐变动画 | ![]() | |
自定义动画 | 高亮放大效果 属性设置: 样式>提示样式>放大尺寸为 20 样式>系列>选中>扇区偏移值 0 特效>自定义动画>旋转>关闭 | |
旋转效果 属性设置: 样式>提示样式>放大尺寸为 0 样式>系列>选中>扇区偏移值 0 特效>自定义动画>旋转>顺时针 | ||
选中效果 属性设置: 样式>提示样式>放大尺寸为 0 样式>系列>选中>扇区偏移值 20 特效>自定义动画>旋转>关闭 | ||
高亮放大 + 旋转效果 属性设置: 样式>提示样式>放大尺寸为 20 样式>系列>选中>扇区偏移值 0 特效>自定义动画>旋转>顺时针 | ||
选中 + 旋转效果 属性设置: 样式>提示样式>放大尺寸为 0 样式>系列>选中>扇区偏移值 20 特效>自定义动画>旋转>顺时针 |
注:不支持移动端。
4. 模板下载
点击下载模板:轮播环形图.cpt