echarts的柱状图在数量比较少时如何控制柱状图的宽度
实现代码
max:function (value) {
if (value.max < 5 ){
value.max = 5;
} else {
value.max = value.max;
}
return value.max;
},
添加方式
在类目轴的设置中,即type为category
的yAxis
或者xAxis
中添加以上代码。
解决思路
[info] 导致柱状图宽度过宽的原因是所有的柱状图平分坐标轴,当值只有一个或者两个时,导致单个柱状图宽度过宽。所以给类目轴设置一个最少类目个数来占位,使得只有一个时也是坐标轴的五分之一。
问题再现
解决前
解决后