echarts柱形圖後面的柱子遮住了前面的了

今天發現通過echarts畫柱形圖時，如果分組很多，柱形圖數量一多的話，就會出現下面的效果

 

 

後來發現有人設置了每個柱子的長度，即設置barWidth爲一個固定值。。。

 

其實我覺得barWidth最好不要設置？因爲不設置的話，默認就是自適應，會根據柱子的數量來調整每個柱子的寬度【我是這樣理解的】，但是還有個問題，如果不設置barWidth的話，就會出現，當柱子的數量很少的時候，柱子的寬度會很寬很寬，

所以再結合barMaxWidth來限制柱子的最大寬度，同理，也可以通過barMinWidth來設置其最小寬度。。。

修改如下：

 // var myserie = {"name": "男", "type": "bar", "data": [0, 0, 0, 0, 0, 0, 0, 0, 6, 8], "barWidth":54,
    var myserie = {"name": "男", "type": "bar", "data": [0, 0, 0, 0, 0, 0, 0, 0, 6, 8],"barMaxWidth":100,

修改後，當柱子數量很多時的效果如下：