echars柱状图数据太少柱子非常宽的问题
一、问题:在获取完数据后,有时数据只有1条或者2条,这时页面显示的柱状图就会非常宽,效果很难看,所以我们需要在配置中 加入判断条件
二、添加代码:在类目轴的设置中,即type为category的yAxis或者xAxis中添加代码。
[info] 导致柱状图宽度过宽的原因是所有的柱状图平分坐标轴,当值只有一个或者两个时,导致单个柱状图宽度过宽。所以给类目轴设置一个最少类目个数来占位,使得只有一个时也是坐标轴的五分之一
max(value) {
if (value.max < 5) {
value.max = 5
} else {
value.max = value.max
}
return value.max
},