1.概述
1.1 應用場景
多層餅圖在餅圖基礎上引入了層級的概念,且各層級之間具有包含關係,透過點選操作可以查看不同層級的資料。
多層餅圖適合展示具有父子關係的複雜樹形結構資料,如區域資料,公司上下層級等等。多層餅圖的展示效果如下圖所示:
注:目前多層餅圖只適用於資料全部為正數,如果出現負數,會當成正數聚合使用。
1.2 圖表特點
優點:能很直覺的看到每一個部分在整體中所佔的比例,支援資料鑽取。
缺點:不適合較大的資料集(分類)展現,資料項中不能有負值,當比例接近時,人眼很難準確判別。
2. 屬性介紹
2.1 類型
以儲存格元素或懸浮元素插入圖表時,圖表類型選擇多層餅圖,如下圖所示:
2.2 資料
多層餅圖資料綁定的詳細介紹可以參見文檔:圖表資料
多層餅圖資料綁定部分特殊配置項如下:
資料來源:多層餅圖資料來源,分為資料集資料、儲存格資料兩種。
資料集:選擇預先配置好的資料查詢或內建資料集等內容。
指標名:如果樣式>提示那邊勾選了指標名,那麼滑鼠懸浮在餅圖扇形塊上時,會提示該正文資訊。
層級數:預設為 3 層,此處決定下面的層次數量。
層次1:此處可選擇最內層層次對應的資料集的類別欄位。
層次2:此處可選擇第 2 層層次對應的資料集的類別欄位。
層次3:此處可選擇第 3 層層次對應的資料集的類別欄位。
值:每個扇形塊對應的數值,會影響扇形大小。
匯總方式:可設定為首個、最後一個、求和、平均、最大值、最小值、個數,預設為求和。
2.3 樣式
多層餅圖基礎樣式設計的詳細介紹可以參見文檔:圖表樣式
多層餅圖的樣式>系列有所不同,單獨介紹,如下圖所示:
層次漸變:此處控制階層式顏色漸變,可選擇漸淺和漸深。
起始角度:餅圖的起始角度,可選擇0~360之間的整數,預設為 0 。
終結角度:餅圖的終結角度,可選擇0~360之間的整數,預設為 360 。
內徑佔比:此處可設定餅圖內部空白區域的內徑佔比,預設為 0(實心餅圖)。
鑽取:此處可設定多層餅圖是否支援鑽取,預設為開啟鑽取。
可旋轉:此處可設定多層餅圖是否支援旋轉,預設為開啟。
2.4 特效
多層餅圖特效設定的詳細介紹可以參見文檔:圖表特效
3. 範例
3.1 報表設計
3.1.1 準備資料
建立資料查詢 ds1,資料庫查詢語句為:SELECT * FROM 訂單 where 貨主國家='中國' limit 50
3.1.2 插入圖表
合併一片區域儲存格,右鍵選擇 A1 儲存格,選擇儲存格元素>插入圖表>多層餅圖,如下圖所示:
3.1.3 資料綁定
綁定圖表資料,多層餅圖層級數為 3,層次分別對應貨主地區、貨主省份、貨主城市,值為運貨費,如下圖所示:
3.1.4 樣式設計
1)選擇樣式>標籤,為了清楚的顯示餅圖對應的系列,可以使用牽引線顯示,具體設定如下圖所示:
注:多層餅圖的牽引線設定/標籤顯示在外部只對最外層生效,內部層級標籤強制顯示在內部。
2)選擇 樣式>系列,預設內徑佔比為 0 ,開啟 鑽取 ,如下圖所示:
注1:當設定內徑時,去除內徑大小外,所有的層級均分整體半徑。
注2:鑽取之後,無論是否設定了內徑,中間的餅圖半徑佔整體半徑的 50%,其餘層級均分剩餘的半徑。
注3:點選中心白色圓圈,即可傳回上一層。
3.2 效果預覽
3.2.1 PC 端
儲存範本,點選分頁預覽,效果如下圖所示:
3.2.2 行動端
4. 範本下載
已完成範本可參見:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\MultiLevelPie\多層餅圖.cpt
點選下載範本:多層餅圖.cpt