echarts柱形图柱子宽度
时间: 2023-07-05 22:36:33 浏览: 137
vue使用echarts实现水平柱形图实例
5星 · 资源好评率100%
您好!关于 echarts 柱形图柱子宽度的设置,您可以通过在 option 中的 series -> bar -> barWidth 来进行设置。例如:
```
option = {
// ...
series: [{
type: 'bar',
data: [10, 20, 30, 40],
barWidth: 20, // 设置柱子宽度为 20
}]
// ...
};
```
其中 barWidth 的值可以是像素值,也可以是百分比值。如果需要设置每个柱子的宽度不同,可以使用数组来进行设置,例如:
```
option = {
// ...
series: [{
type: 'bar',
data: [10, 20, 30, 40],
barWidth: [10, 20, 30, 40], // 设置每个柱子的宽度分别为 10、20、30、40
}]
// ...
};
```
希望能够帮到您!
阅读全文