多條階梯折線圖

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

預覽圖

---

設定值

---

• 資料源

[{
  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