echarts中间实现统计总数的效果

let option = {
              title: {
                zlevel: 0,
                text: ["{value|" + total + "}" + "  " + "{name|人}"],
                rich: {
                  value: {
                    color: "#ffffff",
                    fontSize: 40,
                    fontWeight: 500,
                    lineHeight: 40,
                  },
                  name: {
                    color: "#ffffff",
                    lineHeight: 20,
                  },
                },
                top: "center",
                left: "110",
                textAlign: "center",
                textStyle: {
                  color: "#ffffff",
                  rich: {
                    value: {
                      color: "#ffffff",
                      fontSize: 40,
                      fontWeight: "bold",
                      lineHeight: 40,
                    },
                    name: {
                      color: "#ffffff",
                      lineHeight: 20,
                    },
                  },
                },
              },
              tooltip: {
                // 悬停指示
                trigger: "item",
                formatter: "{b}: {c} ({d}%)",
              },
              legend: {
                orient: "vertical",

                data: dataName,
                itemGap: 30,
                top: "middle",
                align: "left",
                icon: "circle",
                itemHeight: 7,
                left: 235,
                textStyle: {
                  fontSize: "14",
                  color: function (dataName) {
                    return dataName;
                  },
                },
                formatter: function (name) {
                  var index = 0;
                  var clientlabels = ["访客", "工作人员"];
                  var clientcounts = dataNum;
                  clientlabels.forEach(function (value, i) {
                    if (value == name) {
                      index = i;
                    }
                  });
                  return name + " " + clientcounts[index] + "人";
                },
              },
              series: [
                {
                  name: "",
                  type: "pie",
                  radius: ["50%", "66%"],
                  center: [110, "50%"],
                  stillShowZeroSum: false,
                  avoidLabelOverlap: false,
                  zlevel: 1,
                  label: {
                    normal: {
                      padding: [20, 20, 20, 20],
                      backgroundColor: "#fff",
                      show: false,
                      position: "left",
                      formatter: ["{value|￥{c}}", "{name|{b}}"].join("\n"),
                      rich: {
                        value: {
                          color: "#7531FF",
                          fontSize: 40,
                          fontWeight: "bold",
                          lineHeight: 40,
                        },
                        name: {
                          color: "#7531FF",
                          lineHeight: 20,
                        },
                      },
                    },
                  },

                  data: data,
                },
              ],
              color: ["#2691FF", "#7531FF"],
            };