echart使用设置一个柱形的最小宽度

因为echart的横坐标的个数不同会影响柱形图的宽度

如果只有三个月的就会是这样的

这样一来效果就不是很好，所以想做成如下效果

思路：

　　只是需要向xDate的值设置成想要的长度，如上图就是设置12,如果原本数组的长度是3，就在数组的末尾concat一个“”元素，保证他的长度达到12既可以

实现代码

    var len=xDate.length;//原本得出的横坐标lenth
    var l=len<8?8:16;//也可以写一个固定的值，这里是因为是排名项
    if(len<l){
        var key=xDate.concat(new Array(l-len).join(";").split(";"));
    }else{
        var key=keys;//key即为最终传入的横坐标
    }

 

转载于:https://www.cnblogs.com/pengfei25/p/8080288.html