echarts雷达图

option = {
  title: {
    text: 'Basic Radar Chart'
  },
  legend: {
    data: ['Allocated Budget', 'Actual Spending']
  },
  radar: {
    // shape: 'circle'
    indicator: [
      { name: '{b|'+'aaagggggggggggggggggggggae'.slice(10) + '...'+'}'+'\n{a|Sales}', max: 6500 },
      { name: 'AdministrationA', max: 16000 },
      { name: 'Information Technology', max: 30000 },
      { name: 'Customer Support', max: 38000 },
      { name: 'Development', max: 52000 },
      { name: 'Marketing', max: 25000 }
    ],
    splitArea: {
      areaStyle: {
        color: ['transparent']
      }
    },
    name:{
    rich:{
      a:{
        color: 'red'
      },
      b:{
        color: 'blue',
        fontWeight:'bold',
        width: '10px',
        overflow: 'hidden'
      }
    },
      
      // formatter: function(value) {
      //       //   if(txtlength){
      //           let list = value.split("");
      //           let result="";
      //           for(let i=1;i<=list.length;i++) {
      //             if(!(i%6)&&list[i]!=undefined) {
      //               result += list[i-1]+'\n';
      //             }else {
      //               result += list[i-1];
      //             }
      //           }
      //           console.log('result',result)
      //           result=result.split('\n').map(item=>`<span style="color:blue;">${item}</span>`)
      //           return result;
      //       //   }else{
      //       //     return value
      //       //   }
      //       },
    },
  },
   
  series: [
    {
      name: 'Budget vs spending',
      type: 'radar',
      
      data: [
        {
          value: [4200, 3000, 20000, 35000, 50000, 18000],
          name: 'Allocated Budget'
        },
      ],

      areaStyle: {
        color: '#ccccff'
      },
      lineStyle:{
        color: 'blue',
        width: 4
      },
    }
  ]
};