Recharts

RadarChart

Parent Components

<ResponsiveContainer />

Child Components

Properties

widthNumber
The width of chart container.
heightNumber
The height of chart container.

The source data, in which each element is an object.

FORMAT:

[{ 'subject': 'a', 'key': 120, 'fullMark': 150 }]
[{ 'subject': 'a', 'key': 100, 'secondKey': 50, 'fullMark': 150 }]

cxPercentage | Number
The x-coordinate of center. If set a percentage, the final value is obtained by multiplying the percentage of width.
DEFAULT: '50%'
cyPercentage | Number
The y-coordinate of center. If set a percentage, the final value is obtained by multiplying the percentage of height.
DEFAULT: '50%'
startAngleNumber
The angle of first radial direction line.
DEFAULT: 90
endAngleNumber
The angle of last point in the circle which should be startAngle - 360 or startAngle + 360. We'll calculate the direction of chart by 'startAngle' and 'endAngle'.
DEFAULT: -270
innerRadiusPercentage | Number
The inner radius of first circle grid. If set a percentage, the final value is obtained by multiplying the percentage of maxRadius which is calculated by the width, height, cx, cy.
DEFAULT: 0
outerRadiusPercentage | Number
The outer radius of last circle grid. If set a percentage, the final value is obtained by multiplying the percentage of maxRadius which is calculated by the width, height, cx, cy.
DEFAULT: '80%'
marginObject
The sizes of whitespace around the container.
DEFAULT: { top: 0, right: 0, bottom: 0, left: 0 }
FORMAT:
```
{ top: 5, right: 5, bottom: 5, left: 5 }
```
clockWiseBool@deprecated
The direction of clockwise.
DEFAULT: true
onMouseEnterFunctionoptional
The function will be called when mouse enter the 'Radar'.
onMouseLeaveFunctionoptional
The function will be called when mouse leave the 'Radar'.
onClickFunctionoptional
The function will be called when click the 'Radar'.
onDoubleClickFunctionoptional
The customized event handler of dblclick in this chart.
onContextMenuFunctionoptional
The customized event handler of contextmenu in this chart.