DataSparkChartOld
components/data/SparkChartOld.vue
Legacy SVG-based spark chart using svgMachine. Renders a polygon/polyline with scaleY flip.
Scenarios
Empty
Single point
Overflow (200 points)
components/data/SparkChartOld.vue
Usage
<DataSparkChartOld
:data = "[]"
:ceiling = "ceiling"
fillColor = "black"
strokeColor = "black"
:strokeWidth = "0"
:padding = "0"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| data | Array | [] | Array of data points with count property |
| ceiling | Number | undefined | Max Y-axis value |
| fillColor | String | 'black' | Polygon fill color |
| strokeColor | String | 'black' | Stroke color |
| strokeWidth | Number | 0 | Stroke width |
| padding | Number | 0 | SVG padding |