DataMetricSpark
components/data/metric/Spark.vue
SVG-based spark chart primitive using svgMachine for machine layouts.
Scenarios
Empty
Single point
Overflow (200 points)
components/data/metric/Spark.vue
Usage
<DataMetricSpark
:data = "[]"
:ceiling = "ceiling"
fillColor = "black"
strokeColor = "black"
:strokeWidth = "0"
:padding = "0"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| data | Array | [] | Array of data points |
| ceiling | Number | undefined | Max Y value |
| fillColor | String | 'black' | Fill color |
| strokeColor | String | 'black' | Stroke color |
| strokeWidth | Number | 0 | Stroke width |
| padding | Number | 0 | SVG padding |