輪播環形圖插件

1.1 版本

1.2 應用場景

環形圖可以通過改變内置餅圖的内徑占比實現，但是受制於内置餅圖本身的局限性，無法實現環形圖特效顯示。

該插件給環形圖提供了動态效果，豐富了大屏和報表的題材，具體效果如下圖所示：

1.3 功能介紹

添加了環形圖輪播效果，可自定義環形輪播圖樣式設置和動畫效果。

2.1 插件安裝

點擊下載插件：環形輪播圖

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

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

2.2 操作方法

安裝好插件後，新建決策報表，圖表管理面板處會新增一個圖表控件：環形輪播圖，将其拖入到決策報表中即可使用。如下圖所示：

注：也支持在 cpt 中使用 3D 條形圖。

2.3 屬性設置

2.3.1 數據設置

支持數據庫數據集，文本數據集，内置數據集，關聯數據集等數據集設置。

數據源填你對應數據來源，選擇你對應的分類，系列名，值及彙總方式。

數據篩選：可以選取前 N 條記錄，後面的幾條合并爲“其他”彙總顯示。

2.3.2 樣式設置

• 标題：環形圖标題。
  

• 字體：标題字體大小。

• 主題：可下拉選擇圖表主題。

• 邊框：是否有邊框。

• 旋轉：是否旋轉。

• 高亮：是否高亮。

• 順時針切換：順時針切換。

• 順時針旋轉：順時針切換。

• 動畫：下拉設置圖表動畫效果。

• 是否升序：升序還是降序。

• 圖例位置：可設置圖例位置。

• 自定義配色：可自定義設置背景顔色和圖例顔色。

注：邊框、高亮、旋轉、順時針旋轉、切換效果失效。

3.1 報表設計

1）新建決策報表，向報表畫布内拖入環形輪播圖插件，餅圖，報表塊，并調整對應位置。如下圖所示：

2）将 國外疫情數據前10（丁香醫生）.xls 放置到%FR_HOME%\webapps\webroot\WEB-INF\reportlets\目錄下，新建文件數據集 疫情環形圖文本數據集，如下圖所示：

3）選擇剛上傳的文本數據集，綁定環形輪播圖的數據，如下圖所示：

4）設置環形輪播圖的樣式，如下圖所示：

5）其他設置

1）餅圖取同一數據集，數據設置如下圖所示：

2）報表塊設置第一行，重複标題行及凍結，并添加報表塊初始化事件，使其跑馬燈效果。

注：實現跑馬燈效果參見文檔：報表塊實現跑馬燈效果

4. 模板下載