Iso Bar Chart
An isometric 3D bar chart of shaded prisms with gridlines and labels, lifting a bar and showing its value on hover or focus.
Preview
Orders per month
15,850 +26%
Revenue by region
EU leads
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| data | IsoBarDatum[] | — | Bars, left to right: { id, label, value }. |
| label | string | — | Accessible name of the chart. |
| caption | ReactNode | — | Visible caption under the chart; defaults to label. |
| max | number | — | Top of the value scale. Defaults to the largest value, rounded up. |
| formatValue | (value: number) => string | — | Formats values for labels and screen readers. |
| highlight | string | — | Id of a bar drawn in ember. |
| ticks | number | 3 | Number of value gridlines. |
| defaultActive | string | — | Bar shown lifted with its value at first, until the pointer or focus moves. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.