Echarts在线免费图表

 
            const data1 = [
  {value: 25, name: '第一季度'},
  {value: 20, name: '1月'},
  {value: 18, name: '2月'},
  {value: 25, name: '3月'},
  {value: 12, name: '4月'}
];

const data2 = [
  {value: 30, name: '10月'},
  {value: 28, name: '11月'},
  {value: 42, name: '12月'}
];

option = {
  tooltip: {
    trigger: 'item'
  },
  legend: {
    top: 'bottom'
  },
  series: [
    {
      name: '主要数据',
      type: 'pie',
      radius: ['0%', '55%'],
      center: ['35%', '50%'],
      avoidLabelOverlap: false, // 避免数据标签重叠
      label: {
        show: true, // 隐藏数据标签
        
      },
      labelLine: {
        show: true
      },
      data: data1
    },
    {
      name: '次要数据',
      type: 'pie',
      radius: ['0%', '40%'],
      center: ['75%', '50%'],
      avoidLabelOverlap: false,
      data: data2,
        markLine: {
        symbolSize:0,
        lineStyle: {
          width:3,
          color: 'grey',
          type:'solid'
        },
        data: [
          [
            { x: '36%', y: '22.5%' },
            { x: '76%', y: '30%' }
          ],
          [
            { x: '36%', y: '77.4%' },
            { x: '76%', y: '70%' }
          ]
        ]
      }
    }
  ]
};