github graphieros/vue-data-ui v2.1.86

latest releases: v3.2.1, v3.2.0, v3.1.18...
16 months ago

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>

Don't miss a new vue-data-ui release

NewReleases is sending notifications on new releases.