Skip to content

Documentation / @ripl/charts / PolarAreaChartOptions

Interface: PolarAreaChartOptions<TData> ​

Defined in: charts/src/charts/polar-area.ts:102

Options for configuring a PolarAreaChart.

Extends ​

Type Parameters ​

Type ParameterDefault type
TDataunknown

Properties ​

PropertyTypeDescriptionInherited fromDefined in
animation?boolean | Partial<ChartAnimationOptions>Animation configuration, or a boolean toggling all transitions. See ChartAnimationOptions.BaseChartOptions.animationcharts/src/core/chart.ts:128
autoRender?booleanWhether the chart renders automatically on construction and after every Chart.update. Defaults to true.BaseChartOptions.autoRendercharts/src/core/chart.ts:122
colorBy?keyof TData | ((item) => string)Optional accessor for a per-item color override (otherwise a palette color is generated).-charts/src/charts/polar-area.ts:112
dataTData[]The dataset to render, one equal-angle segment per item.-charts/src/charts/polar-area.ts:104
description?stringAccessible description announced by screen readers (sets the rendering element's ARIA label). Defaults to the title text.BaseChartOptions.descriptioncharts/src/core/chart.ts:132
format?ValueFormatInputFormat applied to segment values shown as text (e.g. tooltips).-charts/src/charts/polar-area.ts:137
innerRadius?numberInner radius as a fraction of the chart size (0 - 1). Defaults to 0.15-charts/src/charts/polar-area.ts:114
keykeyof TData | ((item) => string)Accessor for each item's unique key, used to match segments across data updates.-charts/src/charts/polar-area.ts:106
labelkeyof TData | ((item) => string)Accessor for each item's display label (shown in the legend and segment labels).-charts/src/charts/polar-area.ts:110
labels?ChartSegmentLabelsInputSegment labels. Hidden by default (the legend is shown by default). true shows labels inside each segment; 'outside' places them beyond the arc with a leader line; a full object customizes position/font/color.-charts/src/charts/polar-area.ts:135
legend?ChartLegendInputLegend showing each segment. Shown by default (more than one segment); pass false to hide.-charts/src/charts/polar-area.ts:129
levels?numberNumber of concentric grid rings. Defaults to 4-charts/src/charts/polar-area.ts:127
maxRadiusRatio?numberMaximum radius ratio (0 - 0.5). Defaults to 0.45 (similar to pie chart).-charts/src/charts/polar-area.ts:116
padAngle?numberPadding angle between segments in radians, producing a wedge-shaped gap that widens with radius. Deprecated Use PolarAreaChartOptions.padWidth for a gap of constant width. Still honored when padWidth is not set, so existing charts keep their look.-charts/src/charts/polar-area.ts:123
padding?PaddingInputSpace reserved around the chart, in pixels. A single number applies to all four edges; a [top, right, bottom, left] tuple or a partial { top, right, bottom, left } object sets individual edges, leaving unspecified edges at the default. Defaults to 16.BaseChartOptions.paddingcharts/src/core/chart.ts:124
padWidth?numberGap between adjacent segments, in logical pixels. Segments face each other with parallel edges a constant distance apart, rather than a wedge that widens with radius. Defaults to 2; pass 0 for touching segments. Takes precedence over the deprecated padAngle.-charts/src/charts/polar-area.ts:125
theme?string | ThemeTheme for this chart: a registered name ('light'/'dark'/'auto'), or a Theme. Falls back to the module default (see setDefaultTheme).BaseChartOptions.themecharts/src/core/chart.ts:130
title?string | Partial<ChartTitleOptions>Chart title as plain text, or a ChartTitleOptions object for full control.BaseChartOptions.titlecharts/src/core/chart.ts:126
valueNumericAccessor<TData>Accessor for each item's numeric value, which determines the segment's radial extent.-charts/src/charts/polar-area.ts:108