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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM