Echarts在线免费图表

 
            option = {
   color: ['#3E6BE8', '#FF8027'],
   tooltip: {
      trigger: 'item',
      confine: true,
   },
   legend: {
      show: false,
   },
   series: [
      {
         center: ['55%', '50%'],
         type: 'pie',
         selectedMode: 'single',
         radius: ['0%', '50%'],
         silent: true,
         label: {
               position: 'center',
               formatter: `{name|系统总数} \n {value|644}`,
               rich: {
                  name: {
                     fontSize: 40,
                  },
                  value: {
                     fontSize: 56,
                     fontWeight: 600,
                     padding: [10, 0, 0, 0],
                     fontFamily: 'PangMenZhengDao'
                  }
               }

         },
         itemStyle: {
               normal: {
                  color: '#fff',
                  // 设置扇形的阴影
                  shadowBlur: 20,
                  shadowColor: 'rgba(81, 87, 126, 0.1)',
                  shadowOffsetX: 0,
                  shadowOffsetY: 0
               },
         },
         labelLine: {
               show: false
         },
         data: [{ value: 0, }],
         right: '10%'
      },
      {
         center: ['55%', '50%'],
         name: '入驻情况',
         type: 'pie',
         radius: ['60%', '80%'],
         avoidLabelOverlap: false,
         label: {
               show: false,
         },
         emphasis: {
               label: {
                  show: false, // 是否展示中间提示文字
                  fontSize: '14',
                  fontWeight: 'bold'
               }
         },
         labelLine: {
               show: false
         },
         data: [
               {
                  value: 516,
                  name: '已入驻'
               },
               {
                  value: 128,
                  name: '未入驻',
                  itemStyle:{
                     color: 'transparent'
                  }
               },
         ],
         right: '10%'
      },
      {
         center: ['55%', '50%'],
         name: '入驻情况',
         type: 'pie',
         radius: ['65%', '75%'],
         avoidLabelOverlap: false,
         label: {
               show: false,
         },
         emphasis: {
               label: {
                  show: false, // 是否展示中间提示文字
                  fontSize: '14',
                  fontWeight: 'bold'
               }
         },
         labelLine: {
               show: false
         },
         data: [
               {
                  value: 516,
                  name: '已入驻',
                  itemStyle:{
                     color: 'transparent',
                  }
               },
               {
                  value: 128,
                  name: '未入驻',
               },
         ],
         right: '10%'
      },
      {
         center: ['55%', '50%'],
         name: 'Access From',
         type: 'pie',
         selectedMode: 'single',
         radius: ['78%', '90%'],
         silent: true,
         label: {
               position: 'inner',
               fontSize: 14
         },
         itemStyle: {
               normal: {
                  color: '#EBF0FD',
                  // 设置扇形的阴影
                  shadowBlur: 10,
                  shadowColor: 'rgba(81, 87, 126, 0)',
                  shadowOffsetX: 0,
                  shadowOffsetY: 0
               },
         },
         labelLine: {
               show: false
         },
         data: [
               { value: 0, name: '' }
         ],
         right: '10%'
      },
   ]
};