Dowe

CHARTS

LineChart

Portable trend lines for time series, performance signals, and multi-series comparisons.

POINTS OR SERIES

Make direction obvious

The x/y model stays small, while named series add comparison without custom renderers.

POINT DATA

Show a smooth revenue trend

curve controls interpolation, pointRadius controls markers, and showGradientFill adds a quiet area cue without changing the underlying line data.

No data available

type ChartPoint
  x:number
  y:number

signal revenue type:ChartPoint[] value:[{ x:1 y:38 }, { x:2 y:44 }, { x:3 y:41 }]

LineChart data:revenue variant:"soft" scheme:"surface" size:"lg" palette:"ocean" curve:"smooth" strokeWidth:3 pointRadius:4 showGradientFill:true

SERIES AND GUIDES

Compare product lines

Use series when the legend is part of the story. hidePoints and hideGrid create a quieter executive view while keeping the trend itself prominent.

No data available

type ChartSeries
  name:string
  data:ChartPoint[]
signal products type:ChartSeries[] value:[{ name:"Core" data:[{ x:1 y:32 }, { x:2 y:38 }] }]

LineChart series:products variant:"outlined" scheme:"primary" palette:"forest" curve:"linear" strokeWidth:2 hidePoints:true hideGrid:true legendPosition:"top"

STATES AND PRESENTATION

Use the line as the signal

Loading and empty states are part of the chart contract. Set legendPosition to none or hideLegend when nearby copy already names each series.

No data available

No revenue yet

LineChart data:revenue variant:"solid" scheme:"surface" hidePoints:true hideGrid:true showGradientFill:true
LineChart data:emptyRevenue variant:"outlined" scheme:"warning" emptyLabel:"No revenue yet"

API

Props

LineChart also accepts applicable common identity, spacing, sizing, visibility, radius, border, and accessibility props.

Prop	Type	Default
No data There are no records to display