柱狀echarts 自定義圖例設置


 

 

  legend: {
          // 圖例
          orient: 'vertical',
          left: 'right',
          icon: 'circle',
          data: this.legendData,
          formatter: name => {
            return `{a|${this.chartData.find(item => item.name === name)
              ?.value || 0}台}\n{b|${name}}`
          },
          textStyle: {
            rich: {
              a: {
                fontSize: 20,
                color: '#25355',
                fontWight: '600',
                verticalAlign: 'top',
                padding: [0, 0, 10, 0],
              },
              b: {
                fontSize: 14,
                color: '#A3AEC1',
                fontWeight: 500,
              },
            },
          },
        },


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM