# 階梯折線圖
階梯線圖（也稱為步驟圖）是與線圖相似的圖表，但是線在數據點之間形成分段步驟。當您要顯示以不規則間隔發生的更改時，分階線圖可能 很有用。例如，奶製品價格上漲，汽油，稅率，利率等。
### 預覽圖
---
[](https://book.gosu.bar/uploads/images/gallery/2019-12/sDBxcnTsCCbE5UUe-%E9%9A%8E%E6%A2%AF%E6%8A%98%E7%B7%9A%E5%9C%96.png)
### 設定值
---
- #### 資料源
```
[{
month: 'Jan',
value: 51
}, {
month: 'Feb',
value: 91
}, {
month: 'Mar',
value: 34
}, {
month: 'Apr',
value: 47
}, {
month: 'May',
value: 63
}, {
month: 'June',
value: 58
}, {
month: 'July',
value: 56
}, {
month: 'Aug',
value: 77
}, {
month: 'Sep',
value: 99
}, {
month: 'Oct',
value: 106
}, {
month: 'Nov',
value: 88
}, {
month: 'Dec',
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 |
| 類型 | 線圖 |
| 形狀 | hv |