Line Chart
Display trends and continuous data with line and step interpolation.
Usage
Step Line
Use stroke.curve: 'stepline' for step interpolation.
Config Reference
| Property | Type | Default | Description |
|---|---|---|---|
series | { name: string; data: number[] }[] | required | Array of data series |
xAxis | { categories: string[] } | required | Category labels for the X axis |
stroke | { curve?: 'smooth' | 'straight' | 'stepline'; width?: number } | { curve: 'smooth', width: 2 } | Line interpolation and thickness |
legend | { show?: boolean; position?: string } | { show: true } | Legend visibility and placement |
colors | string | string[] | 'default' | Palette name or custom color array |
dataLabels | { enabled?: boolean } | { enabled: false } | Show values on data points |
tooltip | { enabled?: boolean; shared?: boolean } | { enabled: true } | Tooltip behavior |