Polar area chart
Polar area (rose) chart with equal-angle, area-true wedges, outside labels, hover and keyboard highlight, and a grow-in.
Preview
Support tickets by topic
October| Billing | 412 |
|---|---|
| Sign-in | 286 |
| Exports | 174 |
| API | 238 |
| Mobile | 121 |
| Other | 64 |
Rainfall by month
mm| J | 96 |
|---|---|
| F | 82 |
| M | 74 |
| A | 58 |
| M | 41 |
| J | 22 |
| J | 12 |
| A | 18 |
| S | 37 |
| O | 69 |
| N | 104 |
| D | 118 |
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| data | { key: string; label: string; value: number; color?: string }[] | — | Wedges, clockwise from 12 o'clock. |
| label | string | — | Accessible name and table caption. |
| max | number | largest value | Value at the outer ring. |
| size | number | 300 | Diameter in px, labels included. |
| rings | number | 4 | Grid rings. |
| valueFormatter | (value: number) => string | Intl number | Formats values. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.