v-charts 柱状图改变颜色

<ve-histogram
            :data="chartData"
            :settings="chartSettings"
            :extend="chartExtend"
        ></ve-histogram>
this.chartSettings = {
      labelMap: {
        BankReceiveAmount: "总收费",
        ActualAmout: "实收担保费",
        InvoiceAmount: "开票金额",
        Deposit: "收取保证金"
      },
      yAxisName: ["金额(元)"]
    };
    this.chartExtend = {
      title: { text: this.currentYear + "年数据统计", left: "center" },
      legend: {
        show: true,
        bottom: "bottom"
      },
      color: ["#4ad2ff", "#00b436", "#fdcc74", "#4f91f1"],
      tooltip: {
        trigger: "axis",
        axisPointer: {
          type: "shadow",//type:"cross"
          crossStyle: {
            color: "#999"
          }
        }
      }
    };

posted @ 2019-11-21 15:41  wjs0509  阅读(3957)  评论(0)    收藏  举报