雷达图（多指标版）

代码

var chartDom=document.getElementById("radar");
var myChart=echarts.init(chartDom);
var option;
    option = {
      title: {
        text: '消费记录',
        textStyle: {
          fontSize: 18,
          color: 'red',
          fontStyle:'oblique'
        },
        subtext:"这是个副标题",
        subtextStyle:{
          fontSize: 18,
          color: 'blue',
        },
        left: '10%'
      },
      legend: {//图例
        data: ['月度消费', '年度消费', '2年消费']
      },
      radar: [
        {
          center: ['30%', '50%'],//指定雷达图指标位置[左右，上下]
          indicator: [
            { name: '北京', max: 2000 },
            { name: '上海', max: 2000 },
            { name: '武汉', max: 2000 },
            { name: '长沙', max: 2000 }
          ]
        },
        {
          center: ['70%', '50%'],
          indicator: [
            { name: '深圳', max: 5000 },
            { name: '广州', max: 5000 },
            { name: '江西', max: 5000 },
            { name: '邵阳', max: 5000 }
          ]
        },
        {
          center: ['30%', '50%'],
          indicator: [
            { name: '北京', max: 7000 },
            { name: '上海', max: 7000 },
            { name: '武汉', max: 7000 },
            { name: '长沙', max: 7000 }
          ]
        }
      ],
      series: [
        {
          type: 'radar',
          areaStyle: {},//区域样式
          radarIndex: 1,//选择指标
          data: [
            {
              name: '月度消费',
              value: [4000, 4500, 3200, 1300]
            }
          ]
        },
        {
          type: 'radar',
          areaStyle: {},
          data: [
            {
              name: '年度消费',
              value: [1000, 1500, 1200, 400]
            }
          ]
        },
        {
          type: 'radar',
          areaStyle: {},
          radarIndex: 2,
          data: [
            {
              name: '2年消费',
              value: [6000, 5500, 6200, 7000]
            }
          ]
        }
      ]
    };
option & myChart.setOption(option)

效果图