1. 概述编辑
1.1 应用场景
扩展图表—仪表盘类:轮播夜光仪表盘,它是一个不断变幻的液晶仪表盘式样,通过轮播的方式展示重要指标数据的图表。
轮播夜光仪表盘适用于大屏展示、系统首页,展示效果很棒,可以展示多个指标的数据。
1.2 图表特点
优点:特效十分绚丽,占用空间较小,可展示多个指标数据。
缺点:各指标数据无法在同一页面进行对比,可展示数据字段过少。
2. 属性介绍编辑
2.1 类型
以单元格元素或悬浮元素插入扩展图表—仪表盘类后,可在右边属性面板的类型设置项下,选择轮播夜光仪表盘,如下图所示:
2.1.1 轮播发光仪表盘
轮播夜光仪表盘,区别于报表中的仪表盘,有对应的发光效果,为了美观,仪表盘内只支持百分比显示,指标值显示在其他位置,实现效果如下所示:
2.2 数据
轮播夜光仪表盘数据绑定有所不同,此处单独介绍:
1)支持数据集和单元格两种数据设置方式。
2)数据设置包括: 播放维度、指标值、目标值,支持下拉选择字段或单元格公式编辑。
播放维度:类似柱形图的类别字段,此处可选择数据集的类别。
指标值:为当前仪表盘显示的百分比对应的实际数值。
目标值:默认为自动,自动时根据当前值自动计算出目标值大小。
注:当指标值或目标值中有空值时,对应的空数据过滤不显示;当指标值、目标值有正有负时,对应的数据过滤不显示;当目标值为0时,对应的数据过滤不显示。
2.3 样式
轮播夜光仪表盘图表样式>图形跟基础样式不同,需单独介绍:
内容:选择是否展示指标值、目标值及百分比,默认展示百分比,并且设置对应的数值格式
区间配置:区间颜色默认为自动,自动时根据值划分为三段;自定义时,可根据划分阶段设置各阶段颜色。
2)轮播夜光仪表盘图表样式>背景跟基础样式不同,需单独介绍:
填充:此处可选择没有背景、颜色、图片、渐变色四种,图表默认为深色颜色填充。
不透明度:此处可控制背景的不透明度,默认为100。
2.4 特效
轮播夜光仪表盘图表特效跟基础样式不同,需单独介绍:
轮播间隔:设置图表的播放间隔,默认为4s。
添加联动:轮播联动设置请参考地图轮播联动。
3. 示例编辑
3.1 报表设计
3.1.1 数据准备
新建数据集 ds1,数据库查询语句如下:
SELECT * FROM 销量
3.1.2 组件设计
将扩展图表-仪表盘类拖拽到 body 组件中,调整它的位置,如下图所示:
3.1.3 数据绑定
轮播夜光仪表盘的数据绑定方法如下图所示:
3.1.4 样式设计
轮播夜光仪表盘图表样式-背景采用默认设置即可。
轮播夜光仪表盘图表样式-图形,需单独介绍:
为显示效果更佳,可勾选指标值、目标值、百分比三个属性。
3.2 效果预览
3.2.1 PC端
保存模板,选择表单预览,效果如下图所示:
3.2.2 移动端
注:此图表暂不支持移动端
4. 模板下载编辑
点击下载模板:轮播夜光仪表盘.frm