LineChart
SVG-based line chart with optional area fill, configurable points, and colors.
Default Line
Basic line chart with default points and gold stroke color.
With Area Fill
Line chart with a filled area beneath the line for emphasis.
Growth Trend
Custom green line chart with area fill for growth metrics.
Compact Variant
Reduced height line chart for dashboard widgets and inline displays.
Revenue Trend
Purple line showing monthly revenue with gentle fluctuations.
Performance Line
Amber line without fill for clean performance visualization.
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
points | text | "0,80 40,20 80,60 120,30 160,70 200,10" | SVG polyline points string |
color | text | "#c9952c" | Line stroke color |
fill | text | "" | Area fill color (empty = no fill) |
height | text | "200" | Chart height in pixels |