echarts柱状图柱子宽度
时间: 2023-06-30 18:22:24 浏览: 148
Echarts考试分数柱状图代码
你可以通过设置 `barWidth` 属性来调整 Echarts 柱状图的柱子宽度。具体来说,你可以在 `series` 中设置 `barWidth` 的值来控制柱子的宽度。例如:
```javascript
option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D']
},
yAxis: {
type: 'value'
},
series: [{
data: [10, 20, 30, 40],
type: 'bar',
barWidth: 20 // 设置柱子宽度为20
}]
};
```
在上面的例子中,我们将 `barWidth` 的值设置为 `20`,这样就可以控制柱子的宽度了。你可以根据自己的需要调整该值。
阅读全文