修改echarts柱形图的柱子宽度怎么做
时间: 2023-11-06 13:26:42 浏览: 87
JFreeChart设置柱状图的宽度
4星 · 用户满意度95%
你可以通过 echarts 的 `series.bar.barWidth` 属性来修改柱形图的柱子宽度,具体的代码如下所示:
```javascript
option = {
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
barWidth: 30 // 设置柱子的宽度为 30
}]
}
```
在上面的代码中,我们将 `series.bar.barWidth` 属性设置为 30,这样就可以将柱形图的柱子宽度设置为 30。你可以根据需要修改宽度值来自定义柱子的宽度。如果需要为不同的柱子设置不同的宽度,可以将 `series.bar.barWidth` 属性设置为一个回调函数,根据数据值的不同返回不同的宽度值。
阅读全文