多分類坐標軸

1.1 版本

1.2 應用場景

為提高實用性，柱形圖，條形圖，折線圖，面積圖和組合圖中內建三種組合型別支援新增多個分類軸，最多支援三層分類。

1.3 功能簡介

1）在圖表屬性中，選擇「資料」，點選「分類」後面的新增分類，最多可設定三個分類。

2）分類展示的順序：第一層新增的分類對應顯示時最靠近圖形的底層分類資料，越往下則為對應的父層級資料。

3）每個層級的分類順序會和資料集中該分類的順序保持一致。

如下圖所示：

4）11.0.3 版本及之後的設計器中，分類軸軸標籤支援設定顯示邏輯為「整體顯示」或「分層顯示」。

• 整體顯示：可設定軸標籤的顯示方式、字元、正文旋轉方向以及標籤間隔。對所有分類有效。

• 分層顯示：可透過勾選與否決定分類軸標籤是否顯示，點選分類對應的設定按鈕，可分別設定不同分類的軸標籤樣式。

如下圖所示：

2.1 準備資料

建立普通報表，新增資料集 ds1，SQL 語句為：SELECT * FROM 銷量。

2.2 設計報表

2.2.1 插入柱形圖

合併一片區域儲存格，按滑鼠右鍵，選擇「儲存格元素>插入圖表」，插入柱形圖，如下圖所示：

2.2.2 綁定資料

選擇「儲存格元素>資料」，選擇資料集來源 ds1 ，新增三個分類，依次為「產品型別、銷售員、地區」。系列名為「產品」，值為「銷量>求和」。如下圖所示：

2.2.3 設定樣式

這裏我們只示範下分類坐標軸軸標籤「分層顯示」的設定方法，其他 圖表樣式 根據需要設定即可。

選擇「樣式>坐標軸」，柱形圖的分類坐標軸是 X軸 。

我們選擇軸標籤顯示邏輯為「分層顯示」，點選 分類1 右側的「設定」按鈕，將文字旋轉設定為 90 度；再取消勾選 分類3 ，使其不顯示。

注：分類1 即最靠近 X軸 的分類，本例即為「產品型別」欄位，分類3 即為「地區」欄位。

2.3 效果預覽

2.3.1 PC 端

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

2.3.2 行動端

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

已完成範本可參見：%FR_HOME%\webapps\webroot\WEB-  INF\reportlets\doc\Chart\ColumnChart\多分類坐標軸柱形圖.cpt

點選下載範本：多分類坐標軸柱形圖.cpt