如何调整ECharts柱状图的宽度

在ECharts中，柱状图的宽度可以通过多种方式进行调整。首先，你可以在series中的itemStyle.normal.barWidth属性来调整柱状图的宽度。这个属性值可以是一个数值，也可以是一个百分数。如果设置为某个数值，则所有柱子的宽度都将被设置为该值；如果设置为一个百分数，则柱子的宽度将按照屏幕宽度进行缩放。
例如，你可以创建一个柱状图并设置其宽度为30：

option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
itemStyle: {
normal: {
barWidth: 30 // 设置柱子宽度为30
}
}
}]
};

如果你想让柱状图自适应且不能超过一定的百分比，可以使用barMaxWidth属性进行设置。
在ECharts的实例demo界面中，你也可以通过点击柱状图的“坐标轴刻度与标签对齐”，进入配置界面。在这里，你可以看到左侧是柱状图的配置代码，右侧是实时效果。如果你想修改柱状图的宽度，可以直接修改左侧series配置项下面的barWidth的值。比如将其修改为20%，右侧的柱状图宽度就会跟随变化。如果没有变化，就点击左侧顶部的“运行”按钮。
请注意，上面barWidth、barMaxWidth两项设置的是百分比的值，而且是引号引起来的字符串值。其实，这个值也可以简写成数字类型的值。直接去掉百分号和引号即可，效果是一样的。
以上就是在ECharts中调整柱状图宽度的方法，希望能对你有所帮助。