echarts 餅圖-->如何修改legend模板？

首先需要在初始化圖表的方法中過濾一下數據 ，將你需要的 名稱  所占百分比 所占數量  篩選出來

let dataFilter = [
                { value: 20, name: "未知", percent: "10%" },
                { value: 10, name: "工作", percent: "10%" },
                { value: 40, name: "待機", percent: "10%" },
                { value: 30, name: "停機", percent: "10%" },
                { value: 20, name: "故障", percent: "10%" },
                { value: 8, name: "調試中種子", percent: "10%" }
            ];

　對legend進行配置

 legend: {
           formatter: function(name) {
               let pieLegendVale = {};
               dataFilter.filter((item,index) => {
                    if (item.name == name) {
                          pieLegendVale = item;
                     }
               });
               if(pieLegendVale.name.length == 5){
                    return pieLegendVale.name + "       " + pieLegendVale.percent +"                "  + pieLegendVale.value + "項" ;
               }else{
                    return pieLegendVale.name + "                 " + pieLegendVale.percent +"                "  + pieLegendVale.value + "項" ;
               }
                        
           },
           itemGap: 16, // 設置legend的間距
           itemWidth: 30, // 設置寬度
           itemHeight: 14, // 設置高度
           orient: "vertical", //垂直顯示還是水平顯示
           right: 0, //legend相對位置
           bottom: 0, //legend相對位置
           textStyle: { fontSize: "14" }, //legend字體大小
           data: ["未知", "工作", "待機", "停機", "故障", "調試中種子"]
       },

效果如上圖！！！！！！！