圆环图

options配置

const option = {
  color: ['#343C6A', '#4F5B93', '#1F213C'],
  tooltip: {
    trigger: 'item',
    formatter: '{b}: {c}',
    textStyle: {
      fontSize: '12'
    },
    position: ['50%', '50%']
  },
  legend: {
    show: true,
    orient: 'horizontal',
    data: ['环境告警', '穿戴告警', '设备告警']
  },
  series: [
    {
      name: '告警分类',
      type: 'pie',
      radius: ['45%', '80%'],
      center: ['50%', '50%'],
      avoidLabelOverlap: true,
      animation: true,
      top: 0,
      label: {
        show: false,
        position: 'inside',
        formatter: '{b}:{c}'
      },
      data: [
        { value: 335, name: '环境告警' },
        { value: 310, name: '穿戴告警' },
        { value: 234, name: '设备告警' }
      ]
    }
  ]
};