Echarts在线免费图表

 
            option = {
  title: [{
    text: '314人',
    x: 'center',
    y: '58%',
    textStyle: {
      fontSize: 34,
      color: '#000',
    },
  }, {
    text: '重点人群总数',
    x: 'center',
    y: '75%',
    textStyle: {
      fontSize: 14,
      color: '#000',
    },
  }],
  series: [{
    type: 'liquidFill',
    radius: '80%',
    center: ['50%', '50%'],
    color: [
      {
        type: 'linear',
        x: 0,
        y: 0,
        x2: 0,
        y2: 1,
        colorStops: [
          {
            offset: 0,
            color: '#1EE7E7',
          },
          {
            offset: 1,
            color: '#1890FF',
          },
        ],
        globalCoord: false,
      },
    ],
    data: [0.3, 0.3], // data个数代表波浪数
    backgroundStyle: {
      borderWidth: 1,
      color: 'rgba(117, 205, 255, 0.25)',
    },
    label: {
      normal: {
        textStyle: {
          fontSize: 64,
          fontWeight: 'bold',
          color: '#000',
        },
      },
    },
    outline: {
      borderDistance: 0,
      itemStyle: {
        borderWidth: 4,
        borderColor: 'transparent',
      },
    },
  }],
};