VueUiDonutEvolution: added zoom feature, enabled by default.
config attributes added in config.style.chart.zoom:
{
...
show: boolean; // default: true, will show the zoom feature for line and bar types
color: string; // default: #CCCCCC, the color of the slider
fontSize: number; // default: 14, the font size of the slider's labels
useResetSlot: boolean; // default: false, use a custom reset button or not
}
To customize the reset button, visible when zoom is used, set useResetSlot:true
, and include the #reset-action slot inside the component:
<VueUiNestedDonuts :dataset="dataset" :config="config">
<template #reset-action="{ reset }">
<button @click="reset()">RESET</button>
</template>
</VueUiNestedDonuts>