KasyKasy

Line Chart

Live preview and documentation for the Line Chart component.

Preview

componentPreview.loading

About

Interactive line (area) chart: a smoothed line running through the points with a gradient fill underneath, and a hover/tap tooltip that follows the nearest point (hover on desktop, touch/drag on touch devices).

  • points: list of KasyLineChartPoint (numeric value + optional label shown in the tooltip, e.g. a date).
  • height: chart height (defaults to 124).
  • color: line and tooltip color (defaults to KasyColors.primary).
  • valueFormatter: formats the tooltip's main value (defaults to simple rounding).
  • Pure content, no card frame — compose it inside a KasyCard.

Last updated on 08/23/2026

On this page