DataSparkChart
components/data/SparkChart.vue
Small inline line chart rendered via Chart.js with configurable fill and stroke.
Scenarios
Empty
Single point
Overflow (200 points)
components/data/SparkChart.vue
Usage
<DataSparkChart
:data = "[]"
:ceiling = "ceiling"
fillColor = "black"
strokeColor = "black"
:strokeWidth = "1"
:padding = "0"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| data | Array | [] | Array of data points with values |
| ceiling | Number | undefined | Max Y-axis value |
| fillColor | String | 'black' | Area fill color |
| strokeColor | String | 'black' | Line stroke color |
| strokeWidth | Number | 1 | Line width in px |
| padding | Number | 0 | Chart padding |