雷达图 Radar

效果

在线预览

在线模拟尺寸:

基本用法

{
  data: [
    { skill: '攻击', warrior: 90, mage: 40 },
    { skill: '防御', warrior: 80, mage: 30 },
    { skill: '速度', warrior: 50, mage: 70 },
    { skill: '魔法', warrior: 20, mage: 95 },
    { skill: '体力', warrior: 85, mage: 45 }
  ],
  series: [
    { type: 'radar', xField: 'skill', yField: 'warrior', color: '#3b82f6' },
    { type: 'radar', xField: 'skill', yField: 'mage', color: '#ef4444' }
  ]
}

填充区域

series: [{
  type: 'radar',
  xField: 'skill',
  yField: 'warrior',
  areaOpacity: 0.2    // 设置 > 0 则填充区域，网格变为多边形
}]

系列配置项

属性	类型	默认值	说明
type	string	-	固定 'radar'
xField	string	-	维度字段
yField	string	-	数值字段
color	string	自动	颜色
showPoint	boolean	true	是否显示顶点
pointSize	number	6	顶点大小
areaOpacity	number	0	填充透明度，>0 时网格变为多边形