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即為最終傳入的橫坐標
    }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM