v-charts修改柱条颜色

一开始查阅资料，是使用

series[i]-bar.itemStyle.color

[ default: 自适应 ]

柱条的颜色。 默认从全局调色盘 option.color 获取颜色

但是发现用这种方式只能实现一种颜色的设置，多种颜色就会变黑
 

研究了很久才发现，原来可以直接使用 :colors 不过在教程中没看到这个方法

     <ve-bar
            class="chart"
            :data="chartData"
            :settings="chartSettings"
            :colors="colors"
            height="200px"
            width="700px"
          ></ve-bar>

  data() {
       return {
          colors: ["#69D2E7", "#AAB3AB", "#61a0a8", "#d48265", "#A8E6CE"]
              }
}