1. 概述
1.1 版本
報表伺服器版本 | 功能變動 |
---|---|
11.0 | - |
11.0.3 | 新增:多分類軸新增「顯示邏輯」設定項,支援不同分類軸分別設定軸標籤的顯示效果。詳情請參見 1.3 節 |
1.2 應用場景
為提高實用性,柱形圖,條形圖,折線圖,面積圖和組合圖中內建三種組合型別支援新增多個分類軸,最多支援三層分類。
1.3 功能簡介
1)在圖表屬性中,選擇「資料」,點選「分類」後面的新增分類,最多可設定三個分類。
2)分類展示的順序:第一層新增的分類對應顯示時最靠近圖形的底層分類資料,越往下則為對應的父層級資料。
3)每個層級的分類順序會和資料集中該分類的順序保持一致。
如下圖所示:
4)11.0.3 版本及之後的設計器中,分類軸軸標籤支援設定顯示邏輯為「整體顯示」或「分層顯示」。
整體顯示:可設定軸標籤的顯示方式、字元、正文旋轉方向以及標籤間隔。對所有分類有效。
分層顯示:可透過勾選與否決定分類軸標籤是否顯示,點選分類對應的設定按鈕,可分別設定不同分類的軸標籤樣式。
如下圖所示:
2. 範例
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 端均支援,效果如下圖所示:
3. 範本下載
已完成範本可參見:%FR_HOME%\webapps\webroot\WEB- INF\reportlets\doc\Chart\ColumnChart\多分類坐標軸柱形圖.cpt
點選下載範本:多分類坐標軸柱形圖.cpt