Echarts在线免费图表

 
            option = {
  color: ['#F5B01D', '#2DC1B2'],
  legend: {
    //图例形状
    icon: 'squareRatio',
    top: 'center',
    right: '10%',
    show: true,
    orient: 'vertical',
    itemWidth: 18,
    itemHeight: 18,
    itemGap: 30,
    data: ['22级1班', '22级2班'],
    textStyle: {
      fontSize: 20,
      color: '#18191B',
    },
  },
  radar: {
    // 外圆的位置
    center: ['35%', '50%'],
    // 大小
    radius: '50%',
    name: {
      textStyle: {
        color: '#18191B',
        fontSize: 20,
      }
    },
    indicator: [
      { name: '篮球', max: 200 },
      { name: '足球', max: 200 },
      { name: '羽毛球', max: 200 },
      { name: '乒乓球', max: 200 },
      { name: '棒球', max: 200 },
    ],
    axisLine: {
      // 指向外圈文本的分隔线样式
      lineStyle: {
        color: '#D7E0E9'
      }
    },
  },

  series: [
    {
      type: 'radar',
      data: [
        {
          value: [120, 100, 120, 135, 150, 180],
          name: '22级1班',
          areaStyle: {
            color: 'rgba(45,193,178,0.20)'
          },
          // 取消拐点
          symbolSize: 0,
          // 区域边缘线样式
          lineStyle: {
            normal: {
              color: '#2DC1B2',
              width: 2
            }
          },
        },
        {
          value: [142, 130, 100, 135, 150, 180],
          name: '22级2班',
          areaStyle: {
            color: 'rgba(245,176,29,0.40)'
          },
          // 取消拐点
          symbolSize: 0,
          // 区域边缘线样式
          lineStyle: {
            normal: {
              color: '#F5B01D',
              width: 2
            }
          },
        }
      ]
    }
  ]
};