1. 概述
1.1 應用場景
時間齒輪是一個動态的齒輪式樣,圖表面板中央展示系統當前的實時時間,一般用於大屏場景展示,效果如下圖所示:
1.2 功能介紹
支持動态展示實時時間。
支持調整圖形和背景的樣式。
1.3 插件安裝
點擊下載插件:擴展圖表插件
設計器插件安裝方法參照:設計器插件管理
服務器安裝插件方法參照:服務器插件管理
2. 示例
2.1 數據準備
注:此圖表不需要綁定數據,自動讀取系統默認時間。
2.2 報表設計
1)将擴展圖表-時間類拖拽到 body 組件中,調整它的位置,如下圖所示:
3)圖表屬性面板選擇樣式>圖形,如下圖設置圖形屬性。
時間單位:分爲秒 hh:mm:ss 、分 hh:mm 兩種形式,此處可控制時間的展示形式。
主題色:此處可選擇時間齒輪圖的主題顔色,默認爲亮藍色。
4)圖表屬性面板選擇樣式>背景,如下圖設置背景屬性。
填充:此處可選擇沒有背景、顔色、圖片、漸變色四種,圖表默認爲深色顔色填充。
不透明度:此處可控制背景的不透明度,默認爲 100 。
2.3 效果預覽
保存模板,選擇PC端預覽,效果如 1.1應用場景 中所示。
注:此圖表暫不支持移動端。
3. 模板下載
已完成模板可參見:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\chart\extend\時間齒輪.frm
點擊下載模板:時間齒輪.frm