Echarts在线免费图表

 
            function addBlank(list) {
  const ret = []
  for (let _list of list) {
    ret.push(_list)
    ret.push({
      name: '',
      value: 1
    })
  }
  return ret
}
const list1 = [
  { value: 25, name: '1-5亿25个'},
  { value: 12, name: '5-10亿12个'},
  { value: 63, name: '10亿以上63个'}
]
option = {
   backgroundColor: 'black',
  title: {
    text: '124',
    top: '45%',
    left: 'center',
    textStyle: {
      fontSize: 32,
      color: '#ffffff'
    },
    subtext: '重点项目数',
    subtextStyle: {
      color: 'rgba(223, 245, 252, 1)'
    }
  },
  tooltip: {
    trigger: 'item'
  },
  legend: null,
  // 可动态生成颜色集合
  color: ['rgba(241, 196, 71, 1)', null, 'rgba(251, 109, 48, 1)', null, 'rgba(239, 61, 119, 1)', null],
  series: [
    {
      name: '项目规模占比',
      type: 'pie',
      radius: ['40%', '50%'],
      label: {
        show: false
      },
      data: addBlank(list1)
    },
    {
      type: 'pie',
      radius: ['55%', '55.5%'],
      label: {
        show: false
      },
      data: addBlank(list1)
    }
  ]
};