Skip to components
DEVELOPER REFERENCE · v4.0.0

LineChart API

Props, callbacks and methods. Select an underlined type to explore its fields, allowed values and callback arguments.

LineChart15 props0 callbacks0 methods

Props15

LineChart props
NameTypeDescription
heightOptionalnumber | undefinedRendered height. A numeric size uses pixels; string sizes follow the supported CSS height format.
classNameOptionalstring | undefinedAdditional CSS classes applied to the component root.
tooltipOptionalboolean | undefinedEnables hover/focus tooltips for chart or timeline values.
dataRequired
readonly DistributionChartDatum[]Inspect type
Data points rendered by the chart, in display order.
ariaLabelRequiredstringAccessible name announced by assistive technology.
showPointsOptionalboolean | undefinedShows markers at chart data points.
showLabelsOptionalboolean | undefinedOptional category text; defaults to the tooltip title.
showValuesOptionalboolean | undefinedShows formatted numeric values beside chart data points.
showGridOptionalboolean | undefinedShows the chart grid lines.
legendOptionalstring | undefinedLegend text identifying the chart series.
formatValueOptional
((value: number) => string) | undefinedInspect type
Formats the numeric value for display without changing its stored value.
tooltipIndicatorOptional"none" | "line" | "dot" | "dashed" | undefinedStyle of the visual indicator used with chart tooltips.
interpolationOptional"step" | "linear" | undefinedConnects line/area values with straight segments or stepped transitions.
areaFillOptional"solid" | "gradient" | undefinedUses a solid or gradient fill for the area chart.
renderTooltipOptional
((datum: DistributionChartDatum, index: number) => ComponentChildren) | undefinedInspect type
Renders custom chart tooltip content for a data point and its index.

Events and callbacks0

No component-specific events or callbacks.

Methods0

No component-specific imperative methods. Use props and callbacks to control this component.