VueUiSparkHistogram :
. Allow individual datapoints color with the color dataset attribute:
const dataset = ref<VueUiSparkHistogramDatasetItem[]>(
{
value: 1.2,
intensity: 1,
valueLabel: '20%',
timeLabel: '09:00',
color: '#FF0000', // this color will only be applied on this datapoint
},
{
value: 1.3,
intensity: 0.6,
valueLabel: '50%',
timeLabel: '10:00'
}, // color for this datapoint will depend on the config (default behavior)
...
)
VueUiSparkbar : add new datalabel position options (config.style.labels.name.position):
- left
- top-left (default)
- top-center
- top-right
- right
The legacy 'top' which used to be the default will fallback to 'top-left', so no breaking change here.
Thanks @zcodecn for suggesting these improvements :)