雷达图分析

option = {
  // 线的颜色
  color: ['red', 'lime', 'blue', 'purple'],
  title: {
    // 不显示
    show:false,
    text: 'Customized Radar Chart'
  },
  // 图例
  legend: {
    // 不显示
    show:false,
  },
  radar: [
    {
      indicator: [
        { text: '攻击力' },
        { text: '防御值' },
        { text: '元素爆发' },
        { text: '幸运值' },
        { text: '充值度' }
      ],
      // 居中
      center: ['50%', '50%'],
      // 半径
      radius: 100,
      // 调整角度
      startAngle: 60,
      // 有几个圆圈
      splitNumber: 5,
      // 形状  默认几边型
      shape: 'circle',
      // 名字
      axisName: {
        // data 的value 值 格式化
        formatter: '{value}',
        // 字体颜色
        color: 'black',
        fontWeight:'bolder',
        fontSize:20,
      },
      // 圆圈的颜色
      splitArea: {
        areaStyle: {
          // 由外到内???
          color: ['blue', 'lime', 'black', 'yellow','purple'],
          // 阴影的颜色
          shadowColor: 'black',
          // 阴影
          shadowBlur: 300
        }
      },
      // 5个线线
      axisLine: {
        lineStyle: {
          color: 'rgba(211, 253, 250, 0.8)'
        }
      },
      // 分割线
      splitLine: {
        lineStyle: {
          color: [
            'red',
            'blue',
            'yellow',
            'black',
            'purple'
            ],
        }
      }
    },
    {
      // 5个顶点值
      indicator: [
        { text: 'Indicator1', max: 150 },
        { text: 'Indicator2', max: 150 },
        { text: 'Indicator3', max: 150 },
        { text: 'Indicator4', max: 120 },
        { text: 'Indicator5', max: 108 },
        { text: 'Indicator6', max: 72 }
      ],
      center: ['75%', '50%'],
      radius: 0,
      axisName: {
        // 让第二个图表隐藏
        color: 'transparent',
        backgroundColor: 'transparent',
        borderRadius: 3,
        padding: [3, 5]
      }
    }
  ],
  series: [
    {
      type: 'radar',
      emphasis: {
        lineStyle: {
          width: 4
        }
      },
      data: [
        // {
        //   value: [100, 8, 0.4, -80, 2000],
        //   name: 'Data A'
        // },
        {
          value: [1000, 1000,2000, 0, 0],
          name: 'Data B',
          areaStyle: {
            color: 'rgba(255, 228, 52, 0.6)'
          }
        }
      ]
    },
    // {
    //   type: 'radar',
    //   radarIndex: 1,
    //   data: [
    //     {
    //       value: [120, 118, 130, 100, 99, 70],
    //       name: 'Data C',
    //       symbol: 'rect',
    //       symbolSize: 12,
    //       lineStyle: {
    //         type: 'dashed'
    //       },
    //       label: {
    //         show: true,
    //         formatter: function (params) {
    //           return params.value;
    //         }
    //       }
    //     },
    //     // {
    //     //   value: [100, 93, 50, 90, 70, 60],
    //     //   name: 'Data D',
    //     //   areaStyle: {
    //     //     color: new echarts.graphic.RadialGradient(0.1, 0.6, 1, [
    //     //       {
    //     //         color: 'rgba(255, 145, 124, 0.1)',
    //     //         offset: 0
    //     //       },
    //     //       {
    //     //         color: 'rgba(255, 145, 124, 0.9)',
    //     //         offset: 1
    //     //       }
    //     //     ])
    //     //   }
    //     // }
    //   ]
    // }
  ]
};