图表

RadarChart

若干个具名维度上的一张侧写。

什么时候用它

识别一个轮廓。雷达图围出的面积取决于辐条恰好排成什么顺序，所以它不适合用来比较量级。

示例

default

variant and grid

若干个具名维度上的一张侧写——用来回答“这个东西强在哪、弱在哪”。

它读的是一个形状，不是一组数值：雷达图围出的面积取决于辐条恰好排成什么顺序，所以它不适合比较量级，适合识别轮廓。最多两三条序列。

RadarChart props
属性	类型	默认值	说明
children必填	`ReactNode`		组合进来的各个部分——坐标轴、网格、tooltip、图例，以及标记本身。
config必填	`TConfig & ValidateKeys<TData, TConfig>`		—
data必填	`TData[]`		图表要画的数据行。每一条对应一个点、一根柱或一个分类。
title必填	`string`		这张图在讲什么，用一句读者能据此行动的话。必填，而且即使不显示出来也会播报给读屏软件。
angleDataKey	`keyof TData & string`		给每根辐条命名的数据字段。表格视图会用到。
chartProps	`ComponentProps<typeof RechartsRadarChart>`		通往原始 Recharts 图表元素的逃生口。
className	`string`		最后合并到 figure 上，所以调用处可以决定它的尺寸和间距。
defaultSelectedDataKey	`string \| null`	`null`	首次渲染时点亮的序列。选中会让其他序列变暗。
description	`ReactNode`		标题下面的一行——单位、时间窗口、需要提醒的地方。
hideDataTable	`boolean`	`false`	去掉隐藏的表格视图。只有当页面自己已经把数据印出来时，这才是对的。
isLoading	`boolean`	`false`	把标记换成一张动画骨架，并保留已测量的高度，这样数据到位时页面不会跳。
loadingPoints	`number`		骨架画多少个点。
onSelectionChange	`(selectedDataKey: string \| null) => void`		选中项变化时触发；被清除时传 null。
showTitle	`boolean`		把标题印在图上方，而不是藏起来。

TSX

export type RadarVariant = 'filled' | 'lines'