echarts圆环+内圆+多扇形

小程序照片合成

已于 2024-05-17 11:36:01 修改

阅读量384

点赞数 2

分类专栏： javascript 文章标签： echarts 前端 javascript

于 2024-05-17 10:37:02 首次发布

本文链接：https://blog.csdn.net/cc1314_/article/details/138998722

版权

javascript 专栏收录该内容

26 篇文章

订阅专栏

"echarts": "^5.5.0",

option = {
  tooltip: {
    trigger: 'item',
    formatter: '{a} <br/>{b}: {c} ({d}%)'
  },
  series: [
    {
      name: '告警状态',
      type: 'pie',
      radius: [0, '44%'],
      label: {
        position: 'inner',
      },
      data: [
        { value: 50, name: '待处理' },
        { value: 100, name: '处理中' },
        { value: 150, name: '已关闭', }
      ]
    },
    {
      name: '告警级别',
      type: 'pie',
      radius: ['45%', '60%'],
      startAngle: 90-1,
      endAngle: 90-50/(50+100+150)*360,
      label: {},
      data: [
        { value: 1048, name: '严重告警' },
        { value: 335, name: '重要告警' },
        { value: 310, name: '一般告警' },
        { value: 251, name: '提示告警' },
      ]
    },
    {
      name: '告警级别',
      type: 'pie',
      radius: ['45%', '60%'],
      startAngle: 90-50/(50+100+150)*360-1,
      endAngle: 90-(50+100)/(50+100+150)*360,
      label: {},
      data: [
        { value: 345, name: '严重告警' },
        { value: 1243, name: '重要告警' },
        { value: 67, name: '一般告警' },
        { value: 567, name: '提示告警' },
      ]
    },
    {
      name: '告警级别',
      type: 'pie',
      radius: ['45%', '60%'],
      startAngle: 90-(50+100)/(50+100+150)*360-1,
      endAngle: 90-360,
      label: {},
      data: [
        { value: 345, name: '严重告警' },
        { value: 1243, name: '重要告警' },
        { value: 67, name: '一般告警' },
        { value: 567, name: '提示告警' },
      ]
    },
  ]
};