可以通過(guò)這個(gè) getSeries() 這個(gè)api獲取series中的數(shù)據(jù)片林，另外可以使用legend foramtter對(duì)圖例中name進(jìn)行自定義

option = {
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>洪橘 : {c} (muzd9g9%)"
    },
    legend: {
        orient : 'vertical',
        x : 'left',
        formatter: function(name) { // legend中的formatter傳入一個(gè)name屬性
          var data = this.getSeries()[0].data; // 獲取series中的data
          var totalValue = data.reduce((acc, item) => { // 計(jì)算data中總數(shù)
            acc += item.value;
            return acc;
          }, 0)
          var targetValue;  // 對(duì)應(yīng)圖例的值
          data.map(item => {
            if (item.name == name) {
              targetValue = item.value; // 對(duì)相應(yīng)的圖例賦值
            }
          })
          var p = (targetValue / totalValue * 100).toFixed(2); // 百分比
          return name + ' ' + p + '%';
        },
        data:['直接訪(fǎng)問(wèn)','郵件營(yíng)銷(xiāo)','聯(lián)盟廣告','視頻廣告','搜索引擎']
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {
                show: true, 
                type: ['pie', 'funnel'],
                option: {
                    funnel: {
                        x: '25%',
                        width: '50%',
                        funnelAlign: 'center',
                        max: 1548
                    }
                }
            },
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    series : [
        {
            name:'訪(fǎng)問(wèn)來(lái)源',
            type:'pie',
            radius : ['50%', '70%'],
            itemStyle : {
                normal : {
                    label : {
                        show : false
                    },
                    labelLine : {
                        show : false
                    }
                },
                emphasis : {
                    label : {
                        show : true,
                        position : 'center',
                        textStyle : {
                            fontSize : '30',
                            fontWeight : 'bold'
                        }
                    }
                }
            },
            data:[
                {value:335, name:'直接訪(fǎng)問(wèn)'},
                {value:310, name:'郵件營(yíng)銷(xiāo)'},
                {value:234, name:'聯(lián)盟廣告'},
                {value:135, name:'視頻廣告'},
                {value:1548, name:'搜索引擎'}
            ]
        }
    ]
}; 

最終效果起惕， 紅色部分為添加的百分比效果

legend formatter.png

示例可以使用:

• echarts pie