/** "semi" draws a half-circle gauge; "multi" stacks several bars and forces its own hollow size (see `hollowSize`). */ export type RadialChartVariant = "gauge" | "multi" | "semi"; /** Props for the radial/gauge chart; `totalLabel` only renders when `variant="multi"`, which also ignores `hollowSize`. */ export type ApexRadialChartProps = { /** Defaults to "gauge"; see RadialChartVariant. */ variant?: RadialChartVariant; /** One value per ring as a percentage (0-100); the centre label shows it as a rounded percent. */ data: number[]; /** Ring names, one per `data` value; shown in the gauge centre and in the "multi" legend. */ labels?: string[]; /** Heading above the chart, aligned by `titlePosition`. */ title?: string; /** Horizontal alignment of the title. Defaults to "left". */ titlePosition?: "left" | "center" | "right"; /** Chart height as a px number or CSS string. Defaults to 320; also sizes the loading skeleton. */ height?: number | string; /** Chart width as a px number or CSS string. Defaults to "100%"; also sizes the loading skeleton. */ width?: number | string; /** Ring colours in order. Defaults to the theme's categorical palette. */ colors?: string[]; /** Caption for the centre average in the "multi" variant. Defaults to "Total". */ totalLabel?: string; /** Colour of the unfilled ring track. Defaults to the theme's quaternary background. */ trackColor?: string; /** Ignored when `variant="multi"` — the ring width is hardcoded to `"52%"` in that variant. */ hollowSize?: string; };