玩轉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:譚笑風輕 |