Charts

Chart

No summary has been written for Chart. Everything below is generated from the declaration shipped in 0.57.40 and describes the real contract.

Public export

typescript

import { Chart } from '@happyvertical/smrt-ui/charts';

Import path: @happyvertical/smrt-ui/charts
Props: 8
Props described: 8 of 8
Bindable state: 0
Callback events: 0
Verified release: 0.57.40

Props

NameTypeRequiredDescription

dataChartData | nullYesValidated chart data to render, or null for the empty state.

stylestringNoRequested chart presentation; unsupported values fall back to bars.

titlestringNoAccessible heading shown above the chart.

localestringNoLocale used to format displayed numeric values.

size'compact' | 'regular' | 'tall'NoHow much room the chart takes. `compact` is a sparkline for a card (a line with no axis, labels or readout); `tall` gives a page's main chart room. Default `regular`.

valueAxisbooleanNoLine: label the value axis (top, middle and bottom values, short form) with light gridlines. Default on for `tall`.

explorebooleanNoLine: let the pointer and the arrow keys read each value in a tooltip (a slider whose value text is the point). Default on for `tall`.

readoutbooleanNoLine: the peak and latest values under the chart. Default on; a page that shows its own headline figures turns it off.

Public export

Props

Bindable state

Callback events

Examples and explanation