1. 概述
1.1 版本
| 報表伺服器版本 |
|---|
| 11.0 |
1.2 應用場景
餅圖主要用於展示不同類別或部分在整體中的相對大小和比例關係 。
在餅圖中，一個圓被分割成若干個扇形區域，每個扇形的大小（即圓心角的度數）與其所表示的資料量成比例 。
這些扇形區域通常用不同的顏色或圖案來區分，使得使用者可以一目瞭然地看出各個部分相對於整體的貢獻大小 。
例如，用餅圖展示 Web 伺服器各個廠商的市場佔比。如下圖所示：
1.3 圖表特點
優點：能很直覺的看到每一個部分在整體中所佔的比例。
缺點：不適合較大的資料集（分類）展現，資料項中不能有負值，當比例接近時，人眼很難準確判別。
2. 範例
2.1 準備資料
點選設計器左上角「檔案>建立普通報表」，建立 內建資料集 ，如下圖所示：
2.2 插入圖表
合併一片儲存格區域，被菜儲存格後點選上方工具欄插入圖表按鈕，插入一個餅圖。如下圖所示：
2.3 設計餅圖
選中圖表，點選右側屬性面板「儲存格元素」，可設定圖表的各個屬性：型別、資料、樣式、特效。
2.3.1 圖表型別
選中圖表所在儲存格，點選右側「儲存格元素>型別」可查看和選擇圖表型別。
2.3.2 綁定資料
選擇「資料」，綁定圖表資料如下圖所示：
2.3.3 設定樣式
1）選擇「樣式>標題」，輸入正文「Web伺服器市場佔比」，其餘設定保持預設。
2）選擇「樣式>圖例」，取消勾選圖例可見。
3）餅圖可設定「值標籤」和「分類標籤」，本例中餅圖分類為「無」，故只需要設定「值標籤」。
選擇「樣式>標籤」，勾選使用標籤，值標籤選擇「富正文」，關於富正文的具體介紹請參見：富正文自訂標籤或提示 。設定標籤的顯示位置為「餅圖外」，並選中「牽引線」。
步驟如下圖所示：
4）選擇「樣式>系列」，設定餅圖的配色方案，邊框線型選擇「無」。如下圖所示：
2.4 效果預覽
2.4.1 PC 端
儲存報表，點選「分頁預覽」，效果如 1.2 節所示。
2.4.2 行動端
APP 端和 HTML5 端均支援，效果如下圖所示：
3. 漸變餅圖
餅圖常見的漸變有兩種：半圓餅圖、圓環餅圖。這裏簡單介紹其設定方式和效果。
3.1 半圓餅圖
透過設定「樣式>系列」的起始角度和終結角度，可改變餅圖的形狀。半圓餅圖的起始角度為 270，終結角度為 90 。
預覽效果如下圖所示：
3.2 圓環餅圖
透過設定「樣式>系列」的內徑佔比，可使餅圖中部鏤空。
例如將內徑佔比設定為 80%，預覽效果如下圖所示：
4. 範本下載
已完成範本可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\PieChart\基礎餅圖.cpt
點選下載範本：基礎餅圖.cpt
