# 分組柱狀圖

### 預覽圖

---

[![分組柱狀圖.png](https://book.gosu.bar/uploads/images/gallery/2019-12/scaled-1680-/xVC7atGZ8rmqz1no-%E5%88%86%E7%B5%84%E6%9F%B1%E7%8B%80%E5%9C%96.png)](https://book.gosu.bar/uploads/images/gallery/2019-12/xVC7atGZ8rmqz1no-%E5%88%86%E7%B5%84%E6%9F%B1%E7%8B%80%E5%9C%96.png)

### 設定值

---

- #### 資料源

```
[{
  "name": "London",
  "月份": "Jan.",
  "月均降雨量": 18.9
}, {
  "name": "London",
  "月份": "Feb.",
  "月均降雨量": 28.8
}, {
  "name": "London",
  "月份": "Mar.",
  "月均降雨量": 39.3
}, {
  "name": "London",
  "月份": "Apr.",
  "月均降雨量": 81.4
}, {
  "name": "London",
  "月份": "May",
  "月均降雨量": 47
}, {
  "name": "London",
  "月份": "Jun.",
  "月均降雨量": 20.3
}, {
  "name": "London",
  "月份": "Jul.",
  "月均降雨量": 24
}, {
  "name": "London",
  "月份": "Aug.",
  "月均降雨量": 35.6
}, {
  "name": "Berlin",
  "月份": "Jan.",
  "月均降雨量": 12.4
}, {
  "name": "Berlin",
  "月份": "Feb.",
  "月均降雨量": 23.2
}, {
  "name": "Berlin",
  "月份": "Mar.",
  "月均降雨量": 34.5
}, {
  "name": "Berlin",
  "月份": "Apr.",
  "月均降雨量": 99.7
}, {
  "name": "Berlin",
  "月份": "May",
  "月均降雨量": 52.6
}, {
  "name": "Berlin",
  "月份": "Jun.",
  "月均降雨量": 35.5
}, {
  "name": "Berlin",
  "月份": "Jul.",
  "月均降雨量": 37.4
}, {
  "name": "Berlin",
  "月份": "Aug.",
  "月均降雨量": 42.4
}]
```

- #### 內距

```
40, 40, 100, 60
```

- #### 圖 Geom

##### <span data-slate-fragment="JTdCJTIyb2JqZWN0JTIyJTNBJTIyZG9jdW1lbnQlMjIlMkMlMjJkYXRhJTIyJTNBJTdCJTdEJTJDJTIybm9kZXMlMjIlM0ElNUIlN0IlMjJvYmplY3QlMjIlM0ElMjJibG9jayUyMiUyQyUyMnR5cGUlMjIlM0ElMjJoZWFkaW5nLTMlMjIlMkMlMjJpc1ZvaWQlMjIlM0FmYWxzZSUyQyUyMmRhdGElMjIlM0ElN0IlN0QlMkMlMjJub2RlcyUyMiUzQSU1QiU3QiUyMm9iamVjdCUyMiUzQSUyMnRleHQlMjIlMkMlMjJsZWF2ZXMlMjIlM0ElNUIlN0IlMjJvYmplY3QlMjIlM0ElMjJsZWFmJTIyJTJDJTIydGV4dCUyMiUzQSUyMiVFNiU5RiVCMSVFNyU4QiU4MCVFNSU5QyU5NiVFRiVCQyU4OCUyMGludGVydmFsJTIwJUVGJUJDJTg5JTIyJTJDJTIybWFya3MlMjIlM0ElNUIlNUQlN0QlNUQlN0QlNUQlN0QlNUQlN0Q=">柱狀圖（ interval ）</span>

<table border="1" id="bkmrk-%E5%88%97%E8%A1%A8-%E8%A8%AD%E5%AE%9A%E5%80%BC-%E6%AC%84%E4%BD%8D-%E6%9C%88%E4%BB%BD%2A%E6%9C%88%E5%9D%87%E9%99%8D%E9%9B%A8%E9%87%8F-%E9%A1%9E" style="border-collapse: collapse; width: 100%;"><tbody><tr><td class="align-center" style="width: 50%;">列表</td><td class="align-center" style="width: 50%;">設定值</td></tr><tr><td style="width: 50%;">欄位</td><td style="width: 50%;"><span class="text-4505230f--TextH400-3033861f--textContentFamily-49a318e1"><span data-key="4db0128edb4743d58987af990fe22e39">月份\*月均降雨量</span></span>

</td></tr><tr><td style="width: 50%;">類型</td><td style="width: 50%;">柱狀圖</td></tr><tr><td style="width: 50%;">顏色欄位</td><td style="width: 50%;">name</td></tr><tr><td style="width: 50%;">調整欄位</td><td style="width: 50%;">分組 | dodge</td></tr><tr><td style="width: 50%;">dodgeRatio</td><td style="width: 50%;">0.5</td></tr><tr><td style="width: 50%;">marginRatio</td><td style="width: 50%;">0.1</td></tr></tbody></table>

- ##### 圖示 Legend

<table border="1" id="bkmrk-%E5%88%97%E8%A1%A8-%E8%A8%AD%E5%AE%9A%E5%80%BC-%E5%95%9F%E7%94%A8-%E9%96%8B%E5%95%9F-%E6%AC%84%E4%BD%8D-name" style="border-collapse: collapse; width: 100%;"><tbody><tr><td class="align-center" style="width: 50%;">列表</td><td class="align-center" style="width: 50%;">設定值</td></tr><tr><td style="width: 50%;">啟用</td><td style="width: 50%;">開啟</td></tr><tr><td style="width: 50%;">欄位</td><td style="width: 50%;">name</td></tr><tr><td style="width: 50%;">位置</td><td style="width: 50%;">下</td></tr><tr><td style="width: 50%;">排版</td><td style="width: 50%;">水平</td></tr></tbody></table>