Ecahrts图例后添加百分比和数据

实现标志图形字体后边加上百分比

使用回调函数实现标志图形字体后边加上百分比，函数如下

        // 回调函数 实现标志图形字体后边加上百分比
          formatter(name) {
            // console.log(Propecharts);
            let than = Propecharts.series[0].data; //获取series中的data
            let total = 0;
            let tarValue = 0;
            for (let i = 0, l = than.length; i < l; i++) {
              total += than[i].value;
              console.log(total);
              if (than[i].name == name) {
                tarValue = than[i].value;
              }
            }
            let p = ((tarValue / total) * 100).toFixed(1);
            return name + " " + " " + p + "%";
          },

重写legend显示样式

在图例后添加百分比和数据。直接上代码

    // 重写legend显示样式
          formatter: function (name) {
            var index = 0;
            var data = Typeecharts.series[0].data;
            var total = 0;
            var tarValue = 0;
            for (var i = 0, l = data.length; i < l; i++) {
              total += data[i].value;
              console.log(total);
              if (data[i].name == name) {
                tarValue = data[i].value;
              }
            }
            var p = ((tarValue / total) * 100).toFixed();
            var clientlabels = [
              "市容市貌",
              "公共设施",
              "消防事件",
              "疫情防控",
              "垃圾分类",
              "水质处理",
            ];
            var clientcounts = [15, 45, 75, 105, 30, 30];
            clientlabels.forEach(function (value, i) {
              if (value == name) {
                index = i;
              }
            });
            return (
              name +
              "  " +
              p +
              "%" +
              " " +
              " " +
              " " +
              " " +
              clientcounts[index]
            );
          },

以上函数代码是在legend: {}使用的。代码实在网上找的改的，忘记参考哪一位大佬的了。。。