echarts实现雷达图

这里提供两种效果,都是对官网的demo进行一点的改进,这里放上官网链接,有不清楚的参数可直接查阅->echarts官网.话不多说,直接上代码:

//实现一
initChart() {
      this.chart = echarts.init(this.$el, 'macarons')
      this.chart.setOption({
        title : {
          text: ' 雷达图demo',     //这里的参数是整个图标的标题 后面也可以加注释
          subtext: '888'
        },
        tooltip : {
          trigger: 'item',
        },
        legend: {
          orient : 'vertical',              //这里主要是标识不同颜色代表不同的同学
          x : 'right',
          y : 'bottom',
          data:['A同学成绩 ', 'B同学成绩 ']
        },

        toolbox: {
          show : true,
          feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            restore : {show: true},
            saveAsImage : {show: true},
          }
        },
        polar : [
          {
            indicator :