RadarChart 雷达图
多维度对比的多边形图,支持多 series。
基础用法
数据通过 props 传入,纯 SVG 渲染,无第三方图表库依赖。
配色取自 --viz-1..8 token,色盲友好。
- A 方案
- B 方案
<CfRadarChart ... /> <CfRadarChart ... /> 多 series 对比
3 套方案在 6 维度上的对比,颜色循环 --viz-*。
- 当前架构
- 提议方案
- 保守方案
<CfRadarChart :axes="axes" :series="threeSeries" /> <CfRadarChart axes={axes} series={threeSeries} /> API
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
axes | string[] | — | 维度名 |
series | RadarSeries[] | — | { name, values: number[], colorIndex? }[] |
size | number | 240 | |
max | number | 数据最大值 | 标准化基准 |
反馈与讨论
RadarChart 雷达图 的讨论