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"]
              }
}