擴展圖表餅圖類

1.1 版本

1.2 應用場景

擴展圖表插件 4.5 版本新增一種圖表類型：輪播餅圖。

該圖表適用於企業戰情室場景，在原餅圖展示形式的基礎上，根據扇形的順序，輪播每個扇形對應的提示資訊，效果如下圖所示：

1.3 功能介紹

• 同時支援儲存格資料和資料集資料。

• 支援定時重新整理和輪播聯動，可以聯動儲存格或懸浮元素。

• 支援圖表聯動和組件重新整理，詳細介紹參見文檔：擴展圖表組件重新整理。
  

1.4 插件安裝

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

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

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

1.5 圖表入口

圖表類型新增「擴展圖表-餅圖類」，該類別下有「輪播餅圖」，可選擇插入到報表中。

2.1 圖形

輪播餅圖支援調整餅圖的半徑和內徑佔比大小。

• 半徑預設自動，可自適應顯示；半徑自訂時，單位是 px，展示為固定的像素，不自適應。

• 內徑佔比指的是內徑/外徑的比例，範圍是 1~100% ，不支援內徑佔比為 0 的基礎餅圖。

2.2 提示

提示文字跟隨圖形動態輪播，但是只支援內建欄位，不能自訂。

提示文字的位置可以選擇顯示在餅圖內或餅圖外，各自的效果如下：

• 餅圖內

• 餅圖外

3.1 準備資料

建立普通報表，建立內建資料集，如下圖所示：

3.2 插入圖表

合併一片區域儲存格，插入輪播餅圖，如下圖所示：

3.3 綁定資料

綁定資料集中的欄位，如下圖所示：

3.4 設計樣式

1）給圖表新增一個標題，如下圖所示：

2）將餅圖的內徑佔比調整到 70%，如下圖所示：

3）提示內容只勾選百分比和系列名，並選擇顯示位置為餅圖內，如下圖所示：

3.5 效果預覽

儲存報表，點選分頁預覽，效果如下圖所示：

注：擴展圖表不支援行動端展示。

已完成範本可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\chart\extend\輪播餅圖.cpt

點選下載範本：輪播餅圖.cpt