历史版本12 :轮播目录齿轮 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

扩展图表—其余:轮播目录齿轮,它是一个不断变幻的齿轮式样,通过轮播的方式展示重要指标数据的图表。

轮播目录齿轮适用于大屏展示、系统首页,特效绚丽,展示效果很棒。

1.2 图表特点

优点:特效十分绚丽,占用空间较小。

缺点:只适用于展示重要指标数据,且不宜过多,数据内容较少。

2. 属性介绍编辑

2.1 类型

以单元格元素或悬浮元素插入扩展图表—其余后,可在右边属性面板的类型设置项下,选择轮播目录齿轮,如下图所示:

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

2.1.1 轮播目录齿轮

轮播目录齿轮,采用轮播的齿轮样式来展示重要指标数据,特效十分绚丽,特别适合大屏展示。

2020-04-21_20-21-55 (1).gif

2.2 数据

轮播目录齿轮数据绑定有所不同,此处单独介绍:

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

2)数据设置包括: 主题名称、节点名称、节点内容。

  • 数据来源为数据集时,节点内容除数据集中字段可选外,还支持设置为'无' ;

  • 主题名称为固定字符串;

  • 节点名称可选数据集中字段。

  • 数据来源为单元格时,除主题名称外每项属性都支持公式设置。

1111.png

2.3 样式

轮播目录齿轮图表样式>图形跟基础样式不同,需单独介绍:

  • 主题色:此处可选择时间齿轮图的主题颜色,默认为亮蓝色。

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

2)轮播目录齿轮图表样式>背景跟基础样式不同,需单独介绍:

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

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

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


2.4 特效

轮播目录齿轮图表特效跟基础样式不同,需单独介绍:

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

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

2020-04-21_20-24-39.png

3. 示例编辑

3.1 报表设计

3.1.1 数据准备

新建内置数据集,重命名为公司年销售额

2020-04-21_20-10-30.png

3.1.2 组件设计

扩展图表-其余拖拽到 body 组件中,调整它的位置,如下图所示:

2020-04-21_20-07-04.png

3.1.3 数据绑定

轮播目录齿轮图的数据绑定方法如下图所示:

2020-04-21_20-13-01.png

3.1.4 样式设计

时间齿轮图表样式采用默认设置即可。

3.2 效果预览

3.2.1 PC端

保存模板,选择表单预览,效果如下图所示:

2020-04-21_20-21-55 (1).gif

3.2.2 移动端

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

4. 模板下载编辑

点击下载模板:轮播目录齿轮.frm