开发预览 更新于 2026-05-10

RadarChart 雷达图

多维度对比的多边形图,支持多 series。

基础用法

数据通过 props 传入,纯 SVG 渲染,无第三方图表库依赖。 配色取自 --viz-1..8 token,色盲友好。

<CfRadarChart ... />
<CfRadarChart ... />

多 series 对比

3 套方案在 6 维度上的对比,颜色循环 --viz-*

<CfRadarChart :axes="axes" :series="threeSeries" />
<CfRadarChart axes={axes} series={threeSeries} />

API

属性类型默认值说明
axesstring[]维度名
seriesRadarSeries[]{ name, values: number[], colorIndex? }[]
sizenumber240
maxnumber数据最大值标准化基准

反馈与讨论

RadarChart 雷达图 的讨论

0
0 / 600
一键发送
正在加载评论...