Echarts在线免费图表

 
            
option = {
   color: ['#00EBFC', '#1F6CFE', '#BF41FF', '#FF63D3', '#FF5858', '#FFA44E', '#FFFF41', '#75FD43', '#D6A3D3'],
   series: [
      {
         type: 'pie',
         clockWise: false, //顺时加载
         hoverAnimation: false, //鼠标移入变大
         radius: ['62%', '80%'],
         center: ['45%', '50%'],
         label: {
            show: true,
            position: 'outside',
            fontSize: 18,
            color: '#fff',
            padding: [15, 10, 10, 10],
            backgroundColor: '#024be8',
            formatter: '全量：34%',
            borderRadius: 4
         },
         labelLayout: {
            x: 750, y: 80,
            verticalAlign: 'middle',
            align: 'left',
            labelLinePoints: [[750, 80], [750, 80], [530, 80]]
         },
         data: [{
            value: 0,
            itemStyle: {
               color: '#024be8',
            },
         }, {
            value: 120,
            name: '数据1',
            itemStyle: {
               color: '#024be8',
            },
            tooltip: {
               show: false
            },
            label: {
               show: false
            },
            labelLine: {
               show: false,
            },
         }, {
            value: 248,
            itemStyle: {
               color: 'rgba(0,0,0,0)',
            },
            tooltip: {
               show: false
            },
            label: {
               show: false
            }
         }]
      },
      {
         type: 'pie',
         clockWise: false, //顺时加载
         hoverAnimation: false, //鼠标移入变大
         radius: ['42.5%', '59.5%'],
         center: ['45%', '50%'],
         label: {
            show: true,
            position: 'outside',
            fontSize: 18,
            color: '#fff',
            padding: [15, 10, 10, 10],
            backgroundColor: '#383b96',
            formatter: '全量：34%',
            borderRadius: 4
         },
         labelLayout: {
            x: 700,
            y: 170,
            verticalAlign: 'middle',
            align: 'left',
            labelLinePoints: [[750, 170], [600, 170], [540, 170]]
         },
         data: [{
            value: 0,
            itemStyle: {
               color: '#383b96',
            }
         }, {
            value: 120,
            name: '数据1',
            itemStyle: {
               color: '#383b96',
            },
            tooltip: {
               show: false
            },
            label: {
               show: false
            }
         }, {
            value: 248,
            itemStyle: {
               color: 'rgba(0,0,0,0)',
            },
            tooltip: {
               show: false
            },
            label: {
               show: false
            }
         }]
      },
      {
         type: 'pie',
         clockWise: false, //顺时加载
         hoverAnimation: false, //鼠标移入变大
         radius: ['22%', '40%'],
         center: ['45%', '50%'],
         label: {
            show: true,
            position: 'outside',
            fontSize: 18,
            color: '#fff',
            padding: [15, 10, 10, 10],
            backgroundColor: '#00EBFC',
            formatter: '全量：34%',
            borderRadius: 4
         },
         labelLayout: {
            x: 700,
            y: 240,
            verticalAlign: 'middle',
            align: 'left',
            labelLinePoints: [[750, 240], [600, 240], [540, 240]]
         },
         data: [{
            value: 0,
            itemStyle: {
               color: '#00EBFC',
            }
         }, {
            value: 120,
            name: '数据1',
            itemStyle: {
               color: '#00EBFC',
            },
            tooltip: {
               show: false
            },
            label: {
               show: false
            }
         }, {
            value: 248,
            itemStyle: {
               color: 'rgba(0,0,0,0)',
            },
            tooltip: {
               show: false
            },
            label: {
               show: false
            }
         }]
      },
      {
         type: 'pie',
         clockWise: false, //顺时加载
         hoverAnimation: false, //鼠标移入变大
         radius: ['0', '19.5%'],
         center: ['45%', '50%'],
         label: {
            show: true,
            position: 'outside',
            fontSize: 18,
            color: '#fff',
            padding: [15, 10, 10, 10],
            backgroundColor: '#ffc63a',
            formatter: '全量：34%',
            borderRadius: 4
         },
         labelLayout: {
            x: 700,
            y: 310,
            verticalAlign: 'middle',
            align: 'left',
            labelLinePoints: [[750, 310], [600, 310], [540, 310]]
         },
         data: [{
            value: 0,
            itemStyle: {
               color: '#ffc63a',
            }
         }, {
            value: 120,
            name: '数据2',
            itemStyle: {
               color: '#ffc63a',
            },
            tooltip: {
               show: false
            },
            label: {
               show: false
            }
         }, {
            value: 248,
            itemStyle: {
               color: 'rgba(0,0,0,0)',
            },
            tooltip: {
               show: false
            },
            label: {
               show: false
            }
         },
         ]
      }

   ],
};