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