在vue中使用echats怎么全局配置调色盘

Question

我在单个组件中设置调色盘代码如下

    chart() {
      let myChart = this.echarts.init(document.getElementById("chart"));
      myChart.setOption({
         color: ['#ABD5A5','#6699CD','#FFA500'],
      });
    }

现在多个组件都用到了图表，怎么在main.js里设置全局的调色盘以便不用在每个组件中都重复一遍上述代码

Answer 1

main.js里定义Vue.prototype.colors = ['#ABD5A5','#6699CD','#FFA500'];

myChart.setOption({
    color: this.colors,
});