多分類餅圖

1.1 版本

1.2 預期效果

餅圖、玫瑰圖均支援按照「分類」生成多個圖表，每個圖表展示的系列均顯示在圖例處，當分類下系列不同時，會將所有系列均顯示出來，如下圖所示：

1.3 實現思路

新增圖表後，設定分類欄位，根據分類生成多個餅圖。

注：該方法同時支援儲存格元素圖表和懸浮元素圖表。

2.1 資料準備

點選設計器左上角「檔案>建立普通報表」，建立資料庫查詢 ds1，輸入 SQL 語句：SELECT * FROM 銷量。如下圖所示：

2.2 選擇主題

點選報表上方的主題名稱，彈出主題選擇介面，選擇「清爽科技」主題。如下圖所示：

2.3 插入圖表

合併一片儲存格區域，被菜儲存格後點選上方工具欄插入圖表按鈕，插入一個餅圖。如下圖所示：

2.4 設計圖表

選中圖表，點選右側屬性面板「儲存格元素」，可設定圖表的各個屬性：型別、資料、樣式、特效。

2.4.1 綁定資料

選中圖表後，點選右側屬性面板「儲存格元素>資料」，綁定資料如下所示，其中分類綁定了「地區」欄位，那麼有幾個地區就會顯示幾個餅圖。

2.4.2 設定樣式

1）選擇「樣式>標題」，設定標題為「各地區產品銷量」，並靠左顯示。如下圖所示：

2）圖表預設不使用標籤，所以多個分類時，分類名就不會顯示，需要在標籤中設定。

選擇「樣式>標籤」，勾選「使用標籤」，本例設定「值標籤」不顯示，設定「分類標籤」僅顯示分類名，顯示位置位於圖表下方。

2.5 效果預覽

2.5.1 PC 端

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

2.5.2 行動端

App 端和 HTML5 端均支援，效果如下圖所示：

已完成範本可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\PieChart\多分類餅圖.cpt

點選下載範本：多分類餅圖.cpt