柱狀圖不同顏色實現

series: [{name: '',type: 'bar', // color:'#50cfe4',//data: [987342,524214,504344,325424,245324,242102]itemStyle: {normal: {color: function(params) {//柱狀圖不同顏色實現// build a color map as your need.let colorList = ['#ed6974','#efa832','#3398dc','#36d497','#50cfed',"#8181ff"];return colorList[params.dataIndex]},}},data:['1','3','3','5','9']}]

下列代碼為柱狀圖橫向展示內容，將xAxis與yAxis里面的內容互換，則為縱向軸展示

xAxis: {//將xAxis與yAxis里面的內容互換，則為縱向軸展示type: 'value',boundaryGap: [0, 0.01]},yAxis: {type: 'category',data: [24210,32524,50434,52421,98742]},

效果圖

總結

以上是生活随笔為你收集整理的echarts实现柱状图不同颜色 柱状图横向纵向展示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。