今天做项目的时候遇到了一个问题， echarts给的例子中颜色太单调，只有一种颜色，有一个自定义柱体颜色的示例，但是是写在数据中的，但是这个项目的数据很多，有20多个，我不可能每一个数据都要用js来调整一下。
于是我去翻了一下echarts的配置项，找到了这么一段话。
可以传入一个RGB格式的颜色或者16进制的颜色，为所有的柱体设置，或者使用一个回调函数为整个柱体设置，这里有回调函数就说明有操作的空间。
这里有一个小技巧，取余运算，我们都知道‘%’，在js是取余数的意思，如果1 那返回的值是1,2返回2，10是1，余数是0，11是 11除以10 余下1。
想必聪明的小伙伴走到这里就有思路了，没错如果我们设置一个颜色数组，然后在使用取余运算循环取从1-10的索引，那么展示出来的就是颜色数组的循环，实现如下：
最后的效果如下所示：
了解更多vue知识点击这里。
下一篇： 没有了
