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

目录:

1. 概述编辑

1.1 应用场景

时间齿轮是一个动态的齿轮式样,图表面板中央展示系统当前的实时时间,一般用于大屏场景展示,效果如下图所示:

09EDD3AA-C147-4E41-90E5-361AD4F62559.GIF

1.2 功能介绍

  • 支持动态展示实时时间。

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

1.3 插件安装

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

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

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

2. 示例编辑

2.1 数据准备

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

2.2 报表设计

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

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

3)图表属性面板选择样式>图形,如下图设置图形属性。

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

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

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

4)图表属性面板选择样式>背景,如下图设置背景属性。

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

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

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

2.3 效果预览

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

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

3. 模板下载编辑

已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\时间齿轮.frm

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