Skip to content
Binary UIKit reference Stable

Chart

Accessible SVG line or area chart with tooltip and data table.

Use Chart for a labelled trend with one or more stable series when readers need axes, values, and accessible source data.

Interactive example

Loading interactive example

API

MemberTypeKindRequiredDefault
curveChartCurvepropNo'monotone'
directLabelsbooleanpropNofalse
emptySnippetsnippetNoundefined
heightnumberpropNo280
labelstringpropNoundefined
loadingbooleanpropNofalse
onPointHover(hover: ChartHover | null) => voidcallbackNoundefined
seriesChartSeries[]propYes
showGridbooleanpropNotrue
showLegendbooleanpropNoundefined
showTooltipbooleanpropNotrue
showXAxisbooleanpropNotrue
showYAxisbooleanpropNotrue
sizeControlSizepropNo'md'
tickFormatX(x: number) => stringcallbackNoundefined
tickFormatY(y: number) => stringcallbackNocompactNumber
tooltipContentSnippet<[ChartHover]>snippetNoundefined
variantChartVariantpropNo'area'
xScaleChartXScalepropNo'time'
xTicksnumberpropNo6
yMaxnumberpropNoundefined
yMinnumberpropNoundefined
yTicksnumberpropNo5

Examples

Source

Loading source