餅圖

1.1 版本

1.2 應用場景

餅圖是以扇形區域大小表示每一個數值相對於總數值的佔比，

餅圖適用於顯示一個資料系列中各項的大小與各項總和的比例。（資料系列：在圖表中轉列的相關資料點，這些資料源自資料表的行或列。圖表中的每個資料系列具有唯一的顏色或圖案並且在圖表的圖例中表示。）

1.3 圖表特點

優點：能很直覺的看到每一個部分在整體中所佔的比例。

缺點：不適合較大的資料集（分類）展現，資料項中不能有負值，當比例接近時，人眼很難準確判別。

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.1 半圓餅圖

透過設定「樣式>系列」的起始角度和終結角度，可改變餅圖的形狀。半圓餅圖的起始角度為 270，終結角度為 90 。

預覽效果如下圖所示：

3.2 圓環餅圖

透過設定「樣式>系列」的內徑佔比，可使餅圖中部鏤空。

例如將內徑佔比設定為 80%，預覽效果如下圖所示：

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

點選下載範本：基礎餅圖.cpt