echarts-三个环形图+副标题

option = {
  title: [{
      text:'标题一', //\n是换行
      subtext: '副标题一',
      textStyle:{
          fontSize:35,//标题字体
      },
      left: '16.67%', 
      fontWeight:'bold',
      subtextStyle: {
          fontSize:25, //副标题字体
      },
      top: '5%',
      textAlign: 'center',
  }, {
      text:'标题二',
      subtext: '副标题二',
      textStyle:{
          fontSize:35,
      },
      left: '50%',
      top: '5%',
      subtextStyle: {
          fontSize:25,
      },
      textAlign: 'center'
  }, {
      text:'标题三',
      subtext: '副标题三',
      textStyle:{
          fontSize:35,
      },
      left: '83.33%',
      top: '5%',
      subtextStyle: {
          fontSize:25,
      },
      textAlign: 'center'
  }],
  color:['#57D69B','#527FF7'],
  legend:[
      {
          top: '85%',
          left: '6%',
          data: ['已达标', '未达标'],
          textStyle: {
            fontSize: 25
          },
      }, {
          top: '85%',
          left: '41%',
          data: ['已达标', '未达标'],
          textStyle: {
            fontSize: 25
          },
      },
      {
          top: '85%',
          left: '73%',
          data: ['已达标', '未达标'],
          textStyle: {
            fontSize: 25
          },
      } 
  ],
  series: [{
      type: 'pie',
      radius: ['50%', '80%'],
      center: ['50%', '50%'],
      data: [{
          name: '已达标',
          value: 70
      }, {
          name: '未达标',
          value: 35
      }],
      label: {
          show: true,
          position:'inner',
          formatter: " {c}% ",
          textStyle: {
            fontSize: 20
          },
      },
      left: 0,
      right: '66.6667%',
      top: 0,
      bottom: 0
  }, {
      type: 'pie',
      radius:  ['50%', '80%'],
      center: ['50%', '50%'],
      data: [{
          name: '已达标',
          value: 50
      }, {
          name: '未达标',
          value: 58
      }],
      label: {
          show: true,
          position:'inner',
          formatter: " {c}% ",
          textStyle: {
            fontSize: 20
          },
      },
      left: '33.3333%',
      right: '33.3333%',
      top: 0,
      bottom: 0
  }, {
      type: 'pie',
      radius: ['50%', '80%'],
      center: ['50%', '50%'],
      data: [{
          name: '已达标',
          value: 20
      }, {
          name: '未达标',
          value: 88
      }],
      label: {
          show: true,
          position:'inner',
          formatter: " {c}% ",
          textStyle: {
            fontSize: 20
          },
      },
      left: '66.6667%',
      right: 0,
      top: 0,
      bottom: 0
  }]
};

效果图如下：

打开如下链接，复制代码，替换下就行

zhttps://echarts.apache.org/examples/zh/editor.html?c=pie-alignTohttps://echarts.apache.org/examples/zh/editor.html?c=pie-alignTo