PitchKit
API Reference@pitchkit/reactInterfaces

RadarChartProps

Defined in: packages/react/src/radar-types.ts:64

Properties

PropertyModifierTypeDescriptionDefined in
appearance?readonlyRadarAppearance-packages/react/src/radar-types.ts:89
aspectRatio?readonlynumberShape of the responsive box. Default 1packages/react/src/radar-types.ts:88
children?readonlyReactNodeAnnotations, positioned through useRadarChart().packages/react/src/radar-types.ts:92
className?readonlystring-packages/react/src/radar-types.ts:90
format?readonly(value, metric) => stringText for ring values and the readout. Defaults to at most two decimals.packages/react/src/radar-types.ts:74
height?readonlynumber-packages/react/src/radar-types.ts:86
labelRotation?readonlyLabelRotationHow metric labels and ring values sit around the rim. Default "tangent"packages/react/src/radar-types.ts:72
metricsreadonlyreadonly RadarMetric[]The axes, clockwise from the top. Each has its own range; at least three.packages/react/src/radar-types.ts:66
onSelectedChange?readonly(selection) => void-packages/react/src/radar-types.ts:82
renderDetail?readonly(context) => ReactNodeMakes axis labels clickable: activating one replaces the chart with what this returns, with a Back button. Without it nothing is clickable.packages/react/src/radar-types.ts:79
rings?readonlynumberRange rings between the centre circle and the rim. Default 4packages/react/src/radar-types.ts:70
selected?readonlyRadarSelection | nullControlled selection; null shows the chart. Omit for uncontrolled.packages/react/src/radar-types.ts:81
seriesreadonlyreadonly RadarSeries[]One shape per series. Readable up to three; more draws, with a development warning.packages/react/src/radar-types.ts:68
width?readonlynumberFixed pixel size — the opt-out from the responsive default. Provide both, or neither.packages/react/src/radar-types.ts:85

On this page