//圖例元件
        legend: {
          top: 'center',
          right: 30,
          data: data,
          width: "auto",
          itemWidth: 10,  // 小方塊尺寸
          itemHeight: 10,
          textStyle: {
            color:'#90CCFF',
            lineHeight:20,
            // 通過rich自定義尺寸，加寬度使百分比及數值各自對齊
            rich:{
              a:{
                width:
 
100,
                align:'left'
              },
              b:{
                width:40,
                align:'right'
              }
            }
          },
          orient: 'vertical',      // 豎向排列
          // 通過formatte自定義格式
          // 因為formatter的引數裡只有name一個引數，所以需要通過獲取的資料匹配顯示
          // 這裡的optionData是獲取到的資料，格式為
          
 
// optionData:[
          //  { value: 47.01, name: "水果" },
          //  { value: 31.67, name: "蔬菜" },
          //  { value: 12.51, name: "禽畜" },
          //  { value: 8.24, name: "禽蛋" },
          //  { value: 7.27, name: "水產品" },
          //  { value: 6.32, name: "其他" }
          // ],
          formatter: (name) => {
            
 
var total = 0;
            var tarValue;
            data.forEach((item,i) => {
              total += Number(item.value)
              if (item.name == name) {
                tarValue = Number(item.value ? item.value : 0)
              }
            });
            var percent = ((tarValue / total) * 100).toFixed(2)
            let arr = [
              '{a|'+name+" : "+percent+'%}'+'{b|'+tarValue+'張}'
            ]
            return arr
          }
        }


_______________________
https://blog.csdn.net/weixin_44217525/article/details/108280145?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.control&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.control