最近在使用echart開發圖標，api里面雖然有些設置，但是如果想讓柱狀圖每個柱的顏色都不相同，簡單的通過color設置是沒有作用的，這里，就要用到其他的方式了 下面只是列舉下我認為比較常用的，其他的比較簡單，就不說了 效果就是這樣啦 ...

通過ECharts的itemStyle設定一個數組設定顏色的循環，詳見begin到end的代碼 ...

...

在使用echarts時，遇到一個問題，就是本來應該直接在color中設置的多個顏色不起作用，只顯示第一個顏色 用demo中的代碼舉例： option = { color: ['#c23531','#2f4554', '#61a0a8 ...

xAxis : [ { type : 'category', // name:'額度', 　　　　　　　　//這是設置的false，就不不顯示下方的x軸，默認是true ...

最近在使用echart開發圖標，api里面雖然有些設置，但是如果想讓柱狀圖每個柱的顏色都不相同，簡單的通過color設置是沒有作用的，這里，就要用到其他的方式了 下面只是列舉下我認為比較常用的，其他的比較簡單，就不說了 設置折線顏色部分 最終效果代碼 ...

...

分享一個公司項目案例 UI小姐姐給的圖是這樣的： 最終實現效果： 以下是所有代碼 源碼：https://gitee.com/DieHunter/myCode/tree/master/Echart/PictorialBar 首先引入Echarts，cdn或npm都行 HTML ...