RadarChart

• Mike
• Lily

显示数据格式

<RadarChart outerRadius={90} width={730} height={250} data={data}>
  <PolarGrid />
  <PolarAngleAxis dataKey="subject" />
  <PolarRadiusAxis angle={30} domain={[0, 150]} />
  <Radar name="Mike" dataKey="A" stroke="#8884d8" fill="#8884d8" fillOpacity={0.6} />
  <Radar name="Lily" dataKey="B" stroke="#82ca9d" fill="#82ca9d" fillOpacity={0.6} />
  <Legend />
</RadarChart>

父组件

• <ResponsiveContainer />

子组件

• <PolarAngleAxis />
• <PolarRadiusAxis />
• <PolarGrid />
• <Legend />
• <Tooltip />
• <Radar />
• <Customized />
• validate svg elements…

Properties

• width Number

图表的宽度。

• height Number

图表的高度。

• cx Percentage | Number

圆心的 x 坐标，如果值为百分比，会根据图表的宽度来计算最后的值。

默认值：'50%'

• cy Percentage | Number

圆心的 y 坐标，如果值为百分比，会根据图表的高度来计算最后的值。

默认值：'50%'

• startAngle Number

起始刻度的角度，默认为 90 度，即圆心的正上方。0 度为圆心的正右方。

默认值：90

• endAngle Number

圆周最后一个点的角度，默认为 -270 度，必须为 startAngle - 360 或者 startAngle + 360。0 度为圆心的正右方。

默认值：-270

• innerRadius Percentage | Number

雷达图最内侧网格的半径，一般为 0。如果值为百分比，我们首先会根据圆心的坐标、图表的宽度、图表的高度计算一个最大半径，然后根据这个最大半径来计算真实的半径。

默认值：0

• outerRadius Percentage | Number

雷达图最外侧网格的半径，一般为 0。如果值为百分比，我们首先会根据圆心的坐标、图表的宽度、图表的高度计算一个最大半径，然后根据这个最大半径来计算真实的半径。

默认值：'80%'

• margin Object

图表四周的留白大小，支持传入部分值（如： { top: 5 }）

默认值：{ top: 0, right: 0, bottom: 0, left: 0 }

格式：

{ top: 5, right: 5, bottom: 5, left: 5 }

• clockWise Bool@deprecated

是否顺时针

默认值：true

• onMouseEnter Function optional

雷达图 mouseenter 事件的回调函数。

• onMouseLeave Function optional

雷达图 mouseleave 事件的回调函数。

• onClick Function optional

雷达图 click 事件的回调函数。