Echarts在线免费图表

 
            option = {
   color: ['#FFCB2E', '#22BD5B', '#5991FF'],
  grid: {
   containLabel: true,
  },
  title: {
    top: 'middle',
    left: 'center',
    text: `{a|总数}\n{b|6}{c|个}{d|}`,
    textStyle: {
      rich: {
        a: {
          color: '#4E5766',
          fontSize: 60,
          lineHeight: 80
        },
        b: {
          color: '#1C2029',
          fontSize: 60,
        },
        c: {
          color: '#1C2029',
          fontSize: 24,
        },
        //自定义图标：https://echarts.apache.org/zh/option.html#title.textStyle.rich.%3Cstyle_name%3E
        d: {
          backgroundColor: {
            image: '//img.isqqw.com/profile/upload/2024/04/24/46ba2e9e-6e66-4bc0-b3b9-8d0fc046ad11.jpeg'
          }
        }
      }
    }
  },
  series: [
    {
      name: 'Access From',
      type: 'pie',
      startAngle: 0,
      radius: ['66%', '90%'],
      avoidLabelOverlap: true,
      label: {
        color: '#8994A3',
        fontSize: 11,
        formatter(param) {
          // correct the percentage
          return param.name + '\n' + param.value;
        }
      },
      itemStyle: {
        borderColor: '#fff',
        borderWidth: 1
      },
      emphasis: {
        label: {
          show: true,
          fontSize: 11,
          fontWeight: '700',
          color: '#4E5766'
        }
      },
      data: [
        { value: 1, name: '张三' },
        { value: 2, name: '李四' },
        { value: 3, name: '王五' },
      ]
    }
  ]
};