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