當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

時間齒輪

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 效果預覽

保存模板,選擇PC端預覽,效果如 1.1應用場景 中所示。

注:此圖表暫不支持移動端。

3. 模板下載

已完成模板可參見:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\chart\extend\時間齒輪.frm

點擊下載模板:時間齒輪.frm

附件列表


主題: 原簡體文檔
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

7s后關閉

反饋已提交

網絡繁忙