Radar Chart 雷达图

每个类目一条轴；多边形从中心生长。图表过小时隐藏标签。

基础用法

SRadarChart({ config: config, data: rows })

网页近似预览，真机效果以 HarmonyOS 渲染为准。

数据点 + 圆形网格

SRadarChart({ config: config, data: rows, dots: true, gridShape: 'circle' })

网页近似预览，真机效果以 HarmonyOS 渲染为准。

多系列 + 图例

SRadarChart({ config: devices, data: rows, legend: true })

网页近似预览，真机效果以 HarmonyOS 渲染为准。

仅线条

SRadarChart({ config: devices, data: rows, fillAlpha: 0, lineWidth: 2 })

网页近似预览，真机效果以 HarmonyOS 渲染为准。

API

从组件库源码中的 @Param / @Event / @BuilderParam 声明自动提取。

SRadarChart

shadcn 的「雷达图」：每个数据行（≥ 3）对应一个轴线，config 的每个数据系列对应一个填充多边形。多边形在出现时从中心向外生长，数据 / 图例变化时变形。点按或悬停轴线附近，可显示该类目的提示框。图表太小放不下时，轴线标签会自动隐藏。

属性	类型	默认值	说明
config	SparkChartConfig	new SparkChartConfig([])
data	SparkChartRow[]	[]
chartHeight	number	250
gridShape	SparkRadarGrid SparkRadarGrid = 'polygon' | 'circle'	'polygon'
dots	boolean	false
fillAlpha	number	0.6	多边形填充的不透明度（0 表示仅显示轮廓）
lineWidth	number	0	轮廓线宽，单位 vp（0 表示无轮廓）
labels	boolean	true
tooltip	boolean	true
legend	boolean	false
indicator	SparkChartIndicator SparkChartIndicator = 'dot' | 'line' | 'dashed'	'dot'
labelFormatter	(label: string) => string	identityLabel
valueFormatter	(value: number) => string	defaultValue
emptyText	ResourceStr	$r('app.string.spark_no_data')

事件	类型	默认值	说明
onActiveChange	(index: number) => void	() => { }