历史版本9 :轮播夜光仪表盘 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

扩展图表—仪表盘类:轮播夜光仪表盘,区别于报表中的仪表盘,有对应的发光效果,为了美观,仪表盘内只支持百分比显示,指标值显示在其他位置。

轮播夜光仪表盘适用于大屏展示、系统首页,展示效果很棒,可以展示多个指标的数据,效果如下图所示:

2020-04-21_23-30-00.gif

1.2 功能介绍

  • 支持数据动态轮播,数据可实时更新。

  • 支持调整图形和背景的样式。

  • 支持自定义轮播间隔和图表联动。

1.3 插件安装

点击下载插件:扩展图表插件

设计器插件安装方法参照:设计器插件管理

服务器安装插件方法参照:服务器插件管理

2. 示例编辑

2.1 数据准备

新建数据集 ds1,数据库查询语句如下:

SELECT * FROM 销量

2020-04-21_23-20-01.png

2.2 报表设计

1)将扩展图表-仪表盘类拖拽到 body 组件中,调整它的位置,如下图所示:

2020-04-21_23-11-48.png

2)轮播夜光仪表盘的数据绑定方法如下图所示:

  • 支持数据集和单元格两种数据设置方式。

  • 播放维度:类似柱形图的类别字段,此处可选择数据集的类别。

  • 指标值:为当前仪表盘显示的百分比对应的实际数值。

  • 目标值:默认为自动,自动时根据当前值自动计算出目标值大小。

注:当指标值或目标值中有空值时,对应的空数据过滤不显示;当指标值、目标值有正有负时,对应的数据过滤不显示;当目标值为0时,对应的数据过滤不显示。

2020-04-21_23-17-20.png

3)轮播夜光仪表盘图表样式>图形跟基础样式不同,需单独介绍:

  • 内容:选择是否展示指标值、目标值及百分比,默认展示百分比,并且设置对应的数值格式

  • 区间配置:区间颜色默认为自动,自动时根据值划分为三段;自定义时,可根据划分阶段设置各阶段颜色。

2020-04-21_23-43-33.png

4)轮播夜光仪表盘图表样式>背景跟基础样式不同,需单独介绍:

  • 填充:此处可选择没有背景、颜色、图片、渐变色四种,图表默认为深色颜色填充。

  • 不透明度:此处可控制背景的不透明度,默认为100。

2020-04-21_20-33-19.png

5)轮播夜光仪表盘图表播放特效,需单独介绍:

  • 轮播间隔:设置图表的播放间隔,默认为4s。

  • 添加联动:轮播联动设置请参考地图轮播联动

2020-04-21_23-24-03.png

2.3 效果预览

保存模板,选择表单预览,效果如应用场景中所示。

注:此图表暂不支持移动端

3. 模板下载编辑

点击下载模板:轮播夜光仪表盘.frm