Radar
A Radar Chart in REAVIZ is a graphical method of displaying multivariate data in the form of a two-dimensional chart with three or more quantitative variables represented on axes starting from the same point. This type of chart is useful for comparing multiple variables and identifying patterns or anomalies in data.
Where to use:
- Compare Multiple Variables: Ideal for comparing several quantitative variables simultaneously.
- Identify Patterns: Useful for identifying patterns, strengths, and weaknesses across different variables.
- Visualize Multidimensional Data: Great for visualizing complex, multidimensional data sets.
Quick Start
To create a radar, use import the RadarChart
and give it value
point.
Examples
API
RadarChart (opens in a new tab)
Prop | Description | Default |
---|---|---|
data | Data the chart will receive to render.ChartNestedDataShape[] | |
series | The series component that renders the area components.ReactElement<RadialAreaSeriesProps, FC<Partial<RadialAreaSeriesProps>>> | <RadarChartSeries /> |
innerRadius | The radial axis component for the chart.number | |
axis | The inner radius for the chart center.ReactElement<RadialAxisProps, FC<Partial<RadialAxisProps>>> | (
<RadialAxis
type="category"
arcs={
<RadialAxisArcSeries
count={5}
arc={null}
line={<RadialAxisArcLine />}
/>
}
/>
) |
startAngle | Start angle for the first value.number | |
endAngle | End angle for the last value.number | |
isClosedCurve | Whether the curve should be closed. Set to true by deafultboolean | |
id | Id of the chart.string | |
width | Width of the chart. If not provided will autosize.number | |
height | Height of the chart. If not provided will autosize.number | |
margins | Margins for the chart.Margins | |
className | Classnames for the chart.string | |
containerClassName | Classnames for the chart.string | |
style | Additional css styles.StyleHTMLAttributes<SVGSVGElement> | |
center | Center the chart. Used mainly internally.boolean | |
centerX | Center chart on X Axis only. Used mainly internally.boolean | |
centerY | Center chart on Y Axis only. Used mainly internally.boolean |