圖表自定義多個坐標軸

1.1 版本

1.2 問題描述

使用者遇到如下問題：

• 希望自己的圖表上有一個橫軸兩個縱軸（y 軸）。

• y 軸設定左右兩個維度，比如一個按照數字，一個按照百分比。

• 當一個圖表幾個系列的資料單位均不相同時，希望均能顯示不同坐標軸。
  

可透過新增「堆積和坐標軸」以及設定坐標軸顏色來區分系列，如下圖所示：

1.3 解決思路

在「自訂柱形圖」屬性面板的「樣式>坐標軸」下可以選擇新增 X 軸或 Y 軸，再在「樣式>系列>堆積和坐標軸」處配置坐標軸與系列的對應關係。

注：並不是所有圖表都支援「堆積和坐標軸」，只有自訂的圖表和部分組合圖才可以，例如「自訂柱形圖、自訂條形圖、自訂折線圖、柱形折線組合圖」等等。

2.1 準備資料

點選設計器左上角「檔案>建立普通報表」，新增內建資料集「Weather」，記錄了月份、降雨量、海平面高度和溫度之間的關係。如下圖所示：

2.2 設計報表

2.2.1 設定紙張大小

本例中包含 12 個分類，每個分類包含 3 個系列，為了圖表展示時不被分頁展示，需要在「範本>頁面設定」中將紙張大小調大一些。如下圖所示：

2.2.2 插入圖表

合併一片儲存格，插入「柱形圖>自訂柱形圖」，如下圖所示：

2.3 設計柱形圖

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

2.3.1 圖表類型

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

注：柱形圖中只有「自訂柱形圖」才有堆積坐標軸，其他三個柱形圖無此設定項。

2.3.2 綁定資料

綁定圖表資料如下圖所示：

其中 Rainfall 為 系列1，Sea-LevelPressure 為 系列2，Temperature 為 系列3。

2.3.3 設定樣式

1）設定圖表標題為「多坐標軸自訂」，位置「靠左」。

2）設定「樣式>圖例」位置「靠上>對齊」

3）設定「樣式>坐標軸」，重新整理增兩個 Y 軸，分別是 Y軸2 和 Y軸3。

4）在坐標軸處新增 Y軸 後，再設定「樣式>系列」，在堆積和坐標軸處新增兩個「堆積和坐標軸」，雙擊名稱將其重新命名為「Y軸2」和「Y軸3」。如下圖所示：

本例中 系列2 需對應 Y軸2，系列3 需對應 Y軸3，系列1 不做設定，預設對應 Y軸。 

• Y軸2：設定條件為「系列序號 等於 '2'」時，使用 Y軸2 。

注：配置中的「堆積」可用於條件中包含兩個及以上的系列，在本例中無影響。

• Y軸3：設定條件為「系列序號 等於 '3'」時，使用 Y軸3 。
  

5）上個步驟完成後，系列對應的坐標軸已經設定完成。但是因為每個 Y軸 資料不同，為了對比明顯我們需要為每個 Y軸 自訂最大最小值；且為了區分各個坐標軸，我們需對每個 Y軸 字體顏色進行設定。

• Y軸：需要將 軸標題 顯示出來，並且將軸標題以及軸標籤的顏色設定為與 系列1 相同的「藍色」。具體設定如下圖所示：

注：Y軸 軸標籤格式中的單位 mm 需手動輸入，Y軸2、Y軸3 同理。

• Y軸2：將軸標題以及軸標籤的顏色設定為與 系列2 相同的「綠色」，並且將其位置設定為「右側」。具體設定如下圖所示：

• Y軸3：將軸標題以及軸標籤的顏色設定為與 系列3 相同的「黃色」，並且將其位置設定為「右側」。具體設定如下圖所示：

2.4 效果預覽

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

App 端和 HTML5 端均支援。

點選下載範本：圖表自定義多個坐標軸.cpt