Echarts在线免费图表

 
            const color1 = [
  'rgba(167, 124, 255, 1)',
  'rgba(255, 191, 94, 1)',
  'rgba(255, 235, 132, 1)',
  'rgba(191, 237, 137, 1)',
  'rgba(62, 201, 162, 1)',
  'rgba(85, 215, 252, 1)',
  'rgba(75, 176, 255, 1)',
  'rgba(72, 122, 255, 1)',
  'rgba(167, 124, 255, 1)',
  'rgba(196, 204, 220, 1)'
]
const color2 = [
  'rgba(196, 156, 253, 1)',
  'rgba(255, 167, 90, 1)',
  'rgba(255, 220, 85, 1)',
  'rgba(140, 224, 110, 1)',
  'rgba(93, 215, 140, 1)',
  'rgba(146, 231, 248, 1)',
  'rgba(92, 191, 255, 1)',
  'rgba(72, 122, 255, 1)',
  'rgba(196, 156, 253, 1)',
  'rgba(214, 220, 229, 1)'
]
const dataList = [10, 20, 30, 40, 50, 60]
option = {
    title: {
      text: '{white| 企业}\n{bigWhite|  (个)}',
      left: 'center',
      top: 'center',
      textStyle: {
        align: 'center',
        rich: {
          white: {
            color: 'rgba(64, 64, 64, 1)',
            fontSize: 16,
            padding: [10, 0]
          },
          bigWhite: {
            color: 'rgba(64, 64, 64, 1)',
            fontSize: 16
          }
        }
      }
    },
    series: [
      {
        type: 'pie',
        center: ['51%', '52%'], //圆心坐标
        radius: ['55%', '80%'], //设置内外环半径
        silent: true,
        label: {
          show: false //不显示指引线
        },
        itemStyle: {
          normal: {
            color: (a) =>
              new echarts.graphic.LinearGradient(1, 0, 0, 0, [
                {
                  offset: 0,
                  color: color1[a.dataIndex]
                },
                {
                  offset: 1,
                  color: color2[a.dataIndex]
                }
              ])
          }
        },
        emphasis: {
          scale: !1 //鼠标放上去是否放大
        },
        data: dataList
      },
      {
        type: 'pie',
        center: ['51%', '52%'], //圆心坐标
        radius: ['78%', '85%'], //设置内外环半径
        silent: true,
        label: {
          show: false //不显示指引线
        },
        itemStyle: {
          normal: {
            color: 'rgba(241, 248, 255, 1)'
          }
        },
        emphasis: {
          scale: !1 //鼠标放上去是否放大
        },
        data: [
          {
            value: 8
          }
        ]
      },
      {
        type: 'pie',
        center: ['51%', '52%'], //圆心坐标
        radius: ['53%', '60%'], //设置内外环半径
        silent: true,
        label: {
          show: false //不显示指引线
        },
        itemStyle: {
          normal: {
            color: 'rgba(241, 248, 255, 1)'
          }
        },
        emphasis: {
          scale: !1 //鼠标放上去是否放大
        },
        data: [
          {
            value: 8
          }
        ]
      }
    ]
  }