玫瑰圖

1.1 版本

1.2 應用場景

玫瑰圖使用扇形的半徑和麪積表示數值的大小，一般用於資料條數較多且大小相近的二維資料佔比分析。

FineReport 中包含兩種玫瑰圖：

• 等弧度玫瑰圖：每個扇形區域的弧度相同，扇形半徑及面積根據值的大小改變。

• 不等弧度玫瑰圖：每個扇形區域的弧度、半徑及面積均會根據值的大小改變。

效果如下圖所示：

1.3 圖表特點

優點：較為直覺的對比各系列的數值差異，且較為美觀。

缺點：因為半徑和麪積是平方關係，因而會將資料的比例誇大，不適用於資料差異過大的資料。

2.1 準備資料

點選設計器左上角「檔案>建立普通報表」，建立資料庫查詢 ds1，輸入 SQL 語句：SELECT 銷售員,sum(銷量) as 銷量 FROM 銷量 group by 銷售員 order by 銷量。取出銷量表中的銷售員及其對應的總銷量資料，並按照銷量升冪排序。

2.2 插入圖表

合併一片儲存格區域，點選上方工具欄插入圖表按鈕，選擇「餅圖>等弧度玫瑰圖」。如下圖所示：

2.3 設計圖表

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

2.3.1 圖表型別

選中圖表所在儲存格，點選右側「儲存格元素>型別」可查看和選擇圖表型別。

2.3.2 綁定資料

選擇「資料」，綁定圖表資料如下圖所示：

2.3.3 設定樣式

1）選擇「樣式>標題」，輸入正文「等弧度玫瑰圖」，其餘設定保持預設。如下圖所示：

2）選擇「樣式>系列」，設定漸變風格為「關閉」，配色方案為「自訂漸變色」，點選色標彈出選擇顏色對話框，左側色標值為 ff6666，右側色標值為 0cd287。最後將邊框線型設定為「無」。如下圖所示：

2.3.4 複製圖表

上述步驟完成後即「等弧度玫瑰圖」設計完成，接下來我們將「等弧度玫瑰圖」直接複製貼上，在其基礎上修改，來設定「不等弧度玫瑰圖」。

1）將圖表貼上後，點選「儲存格元素>型別」，將圖表型別改為「不等弧度玫瑰圖」。如下圖所示：

2）修改標題。如下圖所示：

3）修改系列樣式。這裏將「不等弧玫瑰圖」系列的起始角度設為 270，終結角度設為 90，即半圓形狀態；再將內徑佔比設為 10%，即圖表中部有鏤空的樣式。如下圖所示：

2.4 效果預覽

2.4.1 PC 端

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

2.4.2 行動端

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

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

點選下載範本：玫瑰圖.cpt