echarts 雷达图 单独设置拐点颜色

echarts 雷达图 单独设置拐点颜色

根据官方样例修改的
效果图：

option = {
  title: {
    text: 'Basic Radar Chart'
  },
  legend: {
    data: ['Allocated Budget','A', 'B', 'C', 'D', 'E', 'F']
  },
  radar: {
    indicator: [
      { name: 'Sales', max: 100 },
      { name: 'Administration', max: 100 },
      { name: 'Information Technology', max: 100 },
      { name: 'Customer Support', max: 100 },
      { name: 'Development', max: 100 },
      { name: 'Marketing', max: 100 }
    ]
  },
  series: [
    {
      name: 'Budget vs spending',
      type: 'radar',
      data: [
        {
          value: [42, 30, 20, 35, 50, 18],
          name: 'Allocated Budget'
        }
      ],
      z:1
    },
    {
      name: 'Budget vs spending',
      type: 'radar',
      data: [
        {
          value: [100, 2000, 2000, 2000, 2000, 2000],
          name: 'A'
        },
         {
          value: [2000, 100, 2000, 2000, 2000, 2000],
          name: 'B'
        },
        {
          value: [2000, 2000, 100, 2000, 2000, 2000],
          name: 'C',
          itemStyle: {
            color: 'red',
            opacity: 1
          }
        },
        {
          value: [2000, 2000, 2000, 100, 2000, 2000],
          name: 'D',
          itemStyle: {
            color: 'cyan',
            opacity: 1
          }
        },
        {
          value: [2000, 2000, 2000, 2000, 100, 2000],
          name: 'E',
          itemStyle: {
            color: 'pink',
            opacity: 1
          }
        },
        {
          value: [2000, 2000, 2000, 2000, 2000, 100],
          name: 'F',
          itemStyle: {
            color: 'violet',
            opacity: 1
          }
        }
      ],
      z:0,
      lineStyle: {
          width: 0,
          labelLine: {
            show: false   // 隐藏标示线
          }
        }
    }
  ]
};

样例中，radar的indicator中每个单轴的值最大值都是100，所以只需要将其中的一个拐点的值设置为100，其它拐点的值设置为 远远大于100 即可实现本效果，因为如果设置其它拐点的值为1000时，该拐点的值就在可视范围内看不到了。另外，如果设置其它拐点的值为null，或0 的话，就会显示到中心点，这是不可以的。