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