UI设计图是这样的,放6个数据,
但是调接口时,数据偏少时,echarts就会自适应加大柱子之间间距,3个数据时看着还好,一条两条数据时它自己在空白区域居中或者分散就比较单调稍微影响美观,这时想让图表展示出从上向下不扩大间距的依次排列,怎么办呢?百度上竟然没百度出来有什么属性来控制,那就只能自己创造条件来实现了
调完接口,给数组赋值时,判断如果没有达到6个数据时就push空字符串,这样就出来了想要的效果了。
if (this.flowRankData.typeName.length < 6) {
for (var i = 0, lackLength = 9 - this.flowRankData.typeName.length;i<lackLength;
i++) {
this.flowRankData.typeName.push('')
}
}