Chart is a namespace, not a renderable component. Use Chart.Metric.
A metric has no axes and no data array: its value and label sit directly on the component.
See Using charts for height tokens, color tokens, and format.
Example
TypeScript
Props
number
required
The number, run through
format.string
A caption under the number.
'number' | 'compact' | 'percent' | 'currency' | 'date' | 'datetime'
How the value is rendered. See Using charts.
string
An ISO 4217 code, for example
"USD". Required when format is "currency", and rejected for
every other format.'blue' | 'green' | 'yellow' | 'orange' | 'red' | 'purple' | 'pink' | 'teal' | 'grey'
The color of the metric.Defaults to
"blue".string
A caption above the chart.