當前位置:
首頁 > 最新 > 玩轉echarts之柱狀圖,如何修改柱狀顏色

玩轉echarts之柱狀圖,如何修改柱狀顏色

ECharts,一個使用 JavaScript 實現的開源可視化庫,可以流暢的運行在 PC 和移動設備上,兼容當前絕大部分瀏覽器(IE8/9/10/11,Chrome,Firefox,Safari等),底層依賴輕量級的矢量圖形庫ZRender,提供直觀,交互豐富,可高度個性化定製的數據可視化圖表。

在使用echarts產生的柱狀圖中,有時候自動產生的顏色大不如人意,可以通過以下參數進行修改。

series : [ { name:"天數", type:"bar", stack:"天", data:[30,45,15,60,40], barWidth:30, itemStyle:{

normal:{

color:"#4ad2ff"} }, label:{normal:{ show: true, position:"insideTop"} } } ]

其中,

itemStyle:{

normal:{ color:"#4ad2ff"} },

以上代碼塊,便可以修改柱狀圖顏色。


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 譚笑風輕 的精彩文章:

TAG:譚笑風輕 |