Echarts在线免费图表

 
            let seriesData = 150  //环形图的具体  百分比
let total = 300
let norevokeNum = 6

option = {
  backgroundColor: '#071731',
  tooltip: {
    trigger: 'item'
  },
  title: {
    show: true,
    text: '{number|' + seriesData + '}\n隐患总数',
    subtext: '未销项隐患{number|' + norevokeNum + '}个',
    itemGap: 100,
    textStyle: {
      fontSize: 14,
      lineHeight: 26,
      color: '#fff',
      rich: {
        number: {
          fontSize: 28,
          fontWeight: 700
        }
      }
    },
    subtextStyle: {
      fontSize: 14,
      lineHeight: 20,
      color: '#fff',
      rich: {
        number: {
          fontSize: 28,
          fontWeight: 700
        }
      },
      top: '100%'
    },
    textAlign: 'center',
    left: '49.5%',
    top: '45%'
  },
  series: [
    {
      name: 'Access From',
      type: 'pie',
      radius: ['80%', '100%'],
      center: ['50%', '50%'],
      startAngle: -127,
      data: [
        { value: seriesData, name: '', itemStyle: { color: '#E43F09' } },
        {
          value: (total - seriesData), name: '',
          emphasis: {
            disabled: true,
            label: {
              show: false
            }
          },
          itemStyle: {
            color: 'rgba(0, 224, 255, .2)'
          },
          tooltip: {
            show: false
          }
        },
        {
          value: (total / 0.8) * 0.2,
          itemStyle: {
            color: 'none',
            decal: {
              symbol: 'none'
            }
          },
          label: {
            show: false
          }
        }
      ]
    }
  ]
};