VueUiXy
- Add support for gradient path
- Gradient is defined directly on the dataset, so it can be applied or not on given series:
const dataset = computed(() => [
{
type: 'line',
smooth: true,
series: [0, 1, 0, 2, 1, 3, 2, 5, 3, 8, 5, 13, 8, 21],
temperatureColors: ['#00FF00', '#FF0000'], // optional: any number of colors can be provided. If not provided, the color attribute will be used
color: '#CCCCCC', // applied on plots and legend marker
}
]);
Note
Using temperature colors does not affect performance, since a simple linear gradient is provided to the path. It does not technically 'follow' the path, as it does for VueUiSparkline, but is quite enough to convey a sense of temperature.