Polar Area
Equal-angle slices where the radius shows the value. Tap a petal for its value.
Pro<PolarAreaChart />1 variantiOS · Android · Expo Go
Installation
A Pro chart: one command copies its source into your app (built on the free expo-charts engine, which the CLI installs too). You own the code.
Usage
Props
| Prop | Type | Default |
|---|---|---|
| data Rows like [{ browser: "chrome", visitors: 275 }]. | Datum[] | — |
| nameKey / valueKey Which keys hold the label and the number. | string | "name" / "value" |
| config Labels / colours keyed by name. | ChartConfig | — |
| size Diameter. | number | 260 |
| showLegend Legend under the chart. | boolean | false |
| legendVariant Legend marker style. | LegendVariant | "rounded-square" |
| glow Glow every segment or only named ones. | boolean | string[] | false |
| isLoading Skeleton state. | boolean | false |
| onSelect Selection callback. | (index, datum) => void | — |
| padAngle Gap between petals. | number (deg) | 2 |
| levels Grid circles. | number | 4 |
Source
Did you like the content?