1. 概述
1.1 應用場景
雙軸折線圖,一般適用於以下場景:
一個圖表幾個系列的資料單位不相同,相差較大。
希望y 軸可以設定左右兩個維度,比如一個按照數字,一個按照百分比。
效果如下圖所示:
1.2 圖表特點
優點:能夠較好地展現有不同資料型別或單位的線筆資料。
缺點:不適用於展示過多折線。
2. 範例
2.1 準備資料
點選設計器左上角「檔案>建立普通報表」,新增內建資料集「銷量與毛利率」,記錄了月份、銷量和毛利率之間的關係。如下圖所示:
2.2 插入圖表
合併一片儲存格,插入「折線圖>自訂」,如下圖所示:
注:折線圖中只有「自訂折線圖」才有堆積坐標軸,其他兩個折線圖無此設定項。此處需注意折線圖型別的選擇。
2.3 綁定資料
綁定折線圖資料。這裏銷量為系列1,毛利率為系列2。如下圖所示:
2.4 設定圖表樣式
1)設定標題
選中圖表,選擇「儲存格元素>樣式>標題」。
輸入正文「雙軸折線圖」
位置選擇「靠左」
如下圖所示:
2)設定圖例
選中圖表,選擇「儲存格元素>樣式>圖例」,位置選擇「靠上」。如下圖所示:
3)設定系列
選中圖表,選擇「儲存格元素>樣式>系列」。
配色方案選擇「自訂組合色」,系列1為藍色,系列2為綠色。
「標記點>型別>半徑」,型別選擇圓點,半徑大小選擇3px。
如下圖所示:
4)設定坐標軸
選中圖表,選擇「儲存格元素>樣式>坐標軸」,為了更好地區分各個坐標軸,我們可以對Y軸及Y軸2進行設定。
Y軸:需要將軸標題顯示出來,並且將軸標題以及軸標籤的顏色設定為與系列1相同的「藍色」,軸標籤字元大小設為10。並且將其軸標籤位置設定為「左側」。如下圖所示:
Y軸2:將軸標題以及軸標籤的顏色設定為與系列2相同的「綠色」,並且將其軸標籤位置設定為「右側」。軸標籤字元大小設為10。如下圖所示:
5)設定背景
選中圖表,選擇「儲存格元素>樣式>背景>繪圖區>網格線」,橫向選擇實線。如下圖所示:
2.5 效果預覽
儲存報表,點選「分頁預覽」,效果如下圖所示:
App 端和 HTML5 端均支援。
3. 範本下載
點選下載範本:雙軸折綫圖.cpt