多條階梯折線圖

階梯線圖（也稱為步驟圖）是與線圖相似的圖表，但是線在數據點之間形成分段步驟。當您要顯示以不規則間隔發生的更改時，分階線圖可能 很有用。例如，奶製品價格上漲，汽油，稅率，利率等。

預覽圖

---

設定值

---

• 資料源

[{
  month:"month": 'Jan'"Jan",
  value:"key": "series1",
  "value": 125
}, {
  "month": "Jan",
  "key": "series2",
  "value": 51
}, {
  month:"month": 'Feb'"Feb",
  value:"key": "series1",
  "value": 132
}, {
  "month": "Feb",
  "key": "series2",
  "value": 91
}, {
  month:"month": 'Mar'"Mar",
  value:"key": "series1",
  "value": 141
}, {
  "month": "Mar",
  "key": "series2",
  "value": 34
}, {
  month:"month": 'Apr'"Apr",
  value:"key": "series1",
  "value": 158
}, {
  "month": "Apr",
  "key": "series2",
  "value": 47
}, {
  month:"month": 'May'"May",
  value:"key": "series1",
  "value": 133
}, {
  "month": "May",
  "key": "series2",
  "value": 63
}, {
  month:"month": 'June'"June",
  value:"key": "series1",
  "value": 143
}, {
  "month": "June",
  "key": "series2",
  "value": 58
}, {
  month:"month": 'July'"July",
  value:"key": "series1",
  "value": 176
}, {
  "month": "July",
  "key": "series2",
  "value": 56
}, {
  month:"month": 'Aug'"Aug",
  value:"key": "series1",
  "value": 194
}, {
  "month": "Aug",
  "key": "series2",
  "value": 77
}, {
  month:"month": 'Sep'"Sep",
  value:"key": "series1",
  "value": 115
}, {
  "month": "Sep",
  "key": "series2",
  "value": 99
}, {
  month:"month": 'Oct'"Oct",
  value:"key": "series1",
  "value": 134
}, {
  "month": "Oct",
  "key": "series2",
  "value": 106
}, {
  month:"month": 'Nov'"Nov",
  value:"key": "series1",
  "value": 110
}, {
  "month": "Nov",
  "key": "series2",
  "value": 88
}, {
  month:"month": 'Dec'"Dec",
  value:"key": "series1",
  "value": 91
}, {
  "month": "Dec",
  "key": "series2",
  "value": 56
}];

• 內距

40,40,60,60

• 比例尺 Scale

month 比例尺 （ X軸 ）

列表 設定值 欄位 month 類型 cat 優化數據範圍 開啟

value 比例尺 （ Y軸 ）

列表 設定值 欄位 value 類型 linear 刻度間距 10 優化數據範圍 開啟 最小值 30 最大值 110

圖 Geom

點圖（ point ）

列表 設定值 欄位 month*value 類型 點圖 形狀 circle 樣式 - 顏色 #ffffff 樣式 - 寬度 1

線圖（ Line ）

列表	設定值
欄位	month*value
類型	線圖
顏色欄位

key 形狀 hv