輪播夜光儀表盤

1.1 應用場景

區别於基礎圖表中的儀表盤，輪播夜光儀表盤擁有發光效果，一般用於大屏場景展示，效果如下圖所示：

1.2 功能介紹

• 支持動态顯示百分比數值和儀表盤刻度。

• 支持調整圖形和背景的樣式。

• 支持自定義輪播間隔和圖表聯動。

• 支持圖表刷新，設置方法參見文檔：擴展圖表組件刷新

• 2020-07-06 及之後版本的 JAR 包支持顯示負數百分比，百分比爲負數時不顯示進度條。

1.3 插件安裝

點擊下載插件：擴展圖表插件

設計器插件安裝方法參照：設計器插件管理

服務器安裝插件方法參照：服務器插件管理

2.1 數據準備

新建數據集 ds1，數據庫查詢語句爲：SELECT * FROM 銷量

2.2 報表設計

1）将擴展圖表-儀表盤類拖拽到 body 組件中，調整它的位置，如下圖所示：

2）綁定圖表數據，如下圖所示：

• 播放維度：類似柱形圖的類别字段，此處可選擇數據集的類别。

• 指标值：百分比的分子。

• 目标值：百分比的分母。默認爲自動，自動時根據當前值自動計算出目标值大小。

注：當指标值或目标值中有空值時，對應的空數據過濾不顯示；當指标值、目标值有正有負時，對應的數據過濾不顯示；當目标值爲 0 時，對應的數據過濾不顯示。

3）圖表屬性面板選擇樣式>圖形，設置圖形屬性，如下圖所示：

• 内容：選擇是否展示指标值、目标值及百分比，默認展示百分比，并且設置對應的數值格式。

• 區間配置：區間顔色默認爲自動，自動時根據值劃分爲三段；自定義時，可根據劃分階段設置各階段顔色。

4）圖表屬性面板選擇樣式>背景，設置背景屬性，如下圖所示：

• 填充：此處可選擇沒有背景、顔色、圖片、漸變色四種，圖表默認爲深色顔色填充。
  

• 不透明度：此處可控制背景的不透明度，默認爲 100 。

5）圖表屬性面板選擇播放，此處可以設置輪播間隔和圖表聯動，示例中采用默認設置，如下圖所示：

• 輪播間隔：設置圖表的播放間隔，默認爲 4s 。

• 添加聯動：輪播聯動設置參見文檔 地圖輪播聯動 。

2.3 效果預覽

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

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

已完成模板可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\chart\extend\輪播夜光儀表盤.frm

點擊下載模板：輪播夜光儀表盤.frm