雙軸折線圖

1.1 應用場景

雙軸折線圖，一般適用於以下場景：

• 一個圖表幾個系列的資料單位不相同，相差較大。

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

效果如下圖所示：

1.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 端均支援。

點選下載範本：雙軸折綫圖.cpt