今天做項目的時候遇到了一個問題， echarts給的例子中顏色太單調，只有一種顏色，有一個自定義柱體顏色的示例，但是是寫在數據中的，但是這個項目的數據很多，有20多個，我不可能每一個數據都要用js來調整一下。
于是我去翻了一下echarts的配置項，找到了這么一段話。
可以傳入一個RGB格式的顏色或者16進制的顏色，為所有的柱體設置，或者使用一個回調函數為整個柱體設置，這里有回調函數就說明有操作的空間。
這里有一個小技巧，取余運算，我們都知道‘%’，在js是取余數的意思，如果1 那返回的值是1,2返回2，10是1，余數是0，11是 11除以10 余下1。
想必聰明的小伙伴走到這里就有思路了，沒錯如果我們設置一個顏色數組，然后在使用取余運算循環取從1-10的索引，那么展示出來的就是顏色數組的循環，實現如下：
最后的效果如下所示：
了解更多vue知識點擊這里。
下一篇： 沒有了
