A radar chart is a chart that displays multivariate data. It typically has three or more axes radiating from the same center point at equal angular intervals, with each axis representing a quantitative variable, and the points on each axis connected in sequence to form lines or geometric shapes. Radar charts can be used to compare variables or to check for outliers. Additionally, overall numerical comparisons can be made between multiple radar charts or between multiple data layers within a radar chart.
Frontend Framework Comprehensive Evaluation (6 Dimensions, Single Series)
Three Flagship Phones Multi-Dimensional Rating, Custom Colors
Team Capability Quarterly Evaluation, Custom Palette
Unified Axis Scale (align: true)
| Property | Type | Required | Description |
|---|---|---|---|
| type | string | required | Value must be "radar". |
| data | Object[] | required | Chart data. |
| data.name | string | required | Category name. |
| data.value | number | required | Category value. |
| data.group | string | optional | Group name. |
| title | string | optional | Chart title. |
| align | boolean | optional | When true, all dimensions share the same scale for direct absolute value comparison; when false, each dimension scales independently. Default is false. |
| theme | 'default' | 'dark' | 'academy' | optional | Chart theme, default is "default". |
| style | Object | optional | Chart style. |
| style.backgroundColor | string | optional | Must be a valid color value. |
| style.palette | string[] | optional | Must be an array of valid color values. |
| style.lineWidth | number | optional | Must be a value greater than 0. |
