# 分組條形圖 ### 預覽圖 --- [![分組條形圖.png](https://book.gosu.bar/uploads/images/gallery/2019-12/scaled-1680-/nhhu8g39uzNRsxYc-%E5%88%86%E7%B5%84%E6%A2%9D%E5%BD%A2%E5%9C%96.png)](https://book.gosu.bar/uploads/images/gallery/2019-12/nhhu8g39uzNRsxYc-%E5%88%86%E7%B5%84%E6%A2%9D%E5%BD%A2%E5%9C%96.png) ### 設定值 --- - #### 資料源 ``` [{ "label": "Mon.", "type": "series1", "value": 2800 }, { "label": "Mon.", "type": "series2", "value": 2260 }, { "label": "Tues.", "type": "series1", "value": 1800 }, { "label": "Tues.", "type": "series2", "value": 1300 }, { "label": "Wed.", "type": "series1", "value": 950 }, { "label": "Wed.", "type": "series2", "value": 900 }, { "label": "Thur.", "type": "series1", "value": 500 }, { "label": "Thur.", "type": "series2", "value": 390 }, { "label": "Fri.", "type": "series1", "value": 170 }, { "label": "Fri.", "type": "series2", "value": 100 }] ``` - #### 內距 ``` 40, 60, 80, 70 ``` - #### 軸座標 Axis ##### value(Y軸
列表設定值
欄位value
啟用開啟
位置right
- #### 圖 Geom ##### 柱狀圖( interval )
列表設定值
欄位label\*value
類型柱狀圖
顏色欄位type
調整欄位分組 | dodge
dodgeRatio0.35
marginRatio0.5
- #### 圖示 Legend
列表設定值
啟用開啟
欄位type
位置
排版水平
- #### 極坐標 Coord
列表設定值
類型直角坐標系
反轉Y
轉置true