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

目录:

1. 概述编辑

1.1 应用场景

扩展图表—时间类:时间齿轮,它是一个不断变幻的齿轮式样,中间动态的展示具体时间的图表。

时间齿轮适用于大屏展示,特效绚丽,展示效果很棒。

1.2 图表特点

优点:特效十分绚丽,占用空间较小,图表配置简单方便。

缺点:只适用于展示日期时间,场景过于狭窄。

2. 属性介绍编辑

2.1 类型

以单元格元素或悬浮元素插入饼图后,可在右边属性面板的类型设置项下,自由选择3种子类型,如下图所示:

2020-04-21_19-14-50.png

2.1.1 时间齿轮

时间齿轮图,采用不断变换的多层圆环样式来展示当前时间,特效十分绚丽,特别适合大屏展示。

2020-04-21_19-28-29 (1).gif

2.2 数据

注:此图表暂不需要数据绑定,自动读取系统时间。

2.3 样式

1)时间齿轮图表样式>图形跟基础样式不同,需单独介绍:

  • 时间单位:分为秒 hh:mm:ss 、分 hh:mm 两种形式,此处可控制时间的展示形式。

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

2020-04-21_19-42-20.png

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

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

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

2020-04-21_19-42-52.png

2.4 特效

注:此图表暂无特效设置。

3. 示例编辑

3.1 报表设计

3.1.1 数据准备

注:此图表不需要准备数据,自动读取系统默认时间。

3.1.2 组件设计

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

2020-04-21_19-23-47.png

3.1.3 数据绑定

注:此图表暂不需要数据绑定,自动读取系统时间。

3.1.4 样式设计

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

3.2 效果预览

3.2.1 PC端

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

2020-04-21_19-28-29 (1).gif

3.2.2 移动端

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

4. 模板下载编辑

点击下载模板:时间齿轮.frm