echarts环形双层有间隔的饼图

直接附图

    footer3Init(data) {
data = 56
      this.chartFunc("footer3", {
        tooltip: {
          formatter: "{b}: {d}%"
        },
        title: {
          text: "利用率",
          left: "5%",
          top: "5%",
          textStyle: {
            fontSize: 22,
            fontWeight: "bold",
            color: "#333333"
          }},
        // legend: {
        //   left: "50%",
        //   top: "56%",
        //   show: true,
        //   formatter: "(data || 0) * 100"
        // },
        series: [

          {
            name: "",
            type: "pie",
            hoverAnimation: false,
            legendHoverLink: false,
            roundCap: true,
            radius: ["70%", "80%"],
            center: ["50%", "56%"],
            color: ["rgba(112, 129, 202, 1)", "rgba(155, 217, 210, 1)"],
            label: {
              normal: {
                position: "inner"
              }
            },
            labelLine: {
              normal: {
                show: false
              }

            },
            itemStyle: {
              normal: {
                borderRadius: "50%",
                borderColor: "#fff",
                borderWidth: "10"
              }
            },
            tooltip: {
              show: false

            },
            data: [{
              value: (data || 0) * 100
            },
            {
              // make an record to fill the bottom 50%
              value: 100 - ((data || 0) * 100)
            }
            ]
          },
          {
            name: "title",
            type: "pie",
            roundCap: true,
            radius: ["50%", "65%"],
            center: ["50%", "56%"],
            color: ["rgba(112, 129, 202, 1)", "rgba(155, 217, 210, 1)"],
            label: {
              normal: {
                show: false
              }
            },
            itemStyle: {
              normal: {
                borderRadius: "50%",
                borderColor: "#fff"
                // borderWidth:'5',
              }
            },
            data: [{
              value: (data || 0) * 100,
              name: "使用",
              label: {
                normal: {
                  formatter: function(params) {
                    return Number(params.value).toFixed(2) + "%"
                  },
                  position: "center",
                  show: true,
                  textStyle: {
                    fontSize: "24",
                    fontWeight: "bold",
                    color: "#000000"
                  }
                }
              }
            },
            {
              // make an record to fill the bottom 50%
              value: 100 - ((data || 0) * 100),
              name: "未使用"
            }
            ]
          }
        ]
      })
    }