echarts柱狀圖寬度設置

echarts柱狀圖是用柱狀圖的形式展示數據，這樣看起來比力直不雅。那么，若何才能設置echarts柱狀圖的寬度呢？

方式/步調

1
打開任一瀏覽器，進入echarts的實例demo界面，默認看到的是第一項折線圖
2
點擊第二項【柱狀圖】，在右側找到【坐標軸刻度與標簽對齊】，這個柱狀圖比力簡單，本文以此為例進行演示
3
點擊柱狀圖的【坐標軸刻度與標簽對齊】，進去之后，左側是柱狀圖的設置裝備擺設代碼，右側是及時結果
4
想要點竄柱狀圖的寬度，就點竄左側series設置裝備擺設項下面的barWidth的值。好比將其點竄為20%，右側的柱狀圖寬度就會跟從轉變。若是沒有轉變，就點擊左側頂部的【運行】按鈕
5
上面的barWidth設置的是百分比值，最終的圖形會按照柱狀圖所占空間主動分派值。若是想讓柱狀圖自順應，且不克不及跨越幾多百分比，就可以利用barMaxWidth屬性設置
6
上面barWidth、barMaxWidth兩項設置的是百分比的值，并且是引號引起來的字符串值。其實，這個值也可以簡寫當作數字類型的值。直接去失落百分號和引號即可，結果是一樣的
7
關于柱狀圖的寬度設置裝備擺設，可以參考【設置裝備擺設項】下面【series】->【type = bar
】->【barWidth】、【barMaxWidth】的明細申明