v2.1.77

This release improves the zoom component included in VueUIXy and VueUiCandlestick.

1. Improved configuration

VueUiXy: config.chart.zoom

{
  show: boolean; // default: true
  color: string; // default: #CCCCCC
  fontSize: number; // (new) default: 14
  useResetSlot: boolean; // (new) default: false
}

VueUiCandlestick: config.style.zoom

{
  show: boolean; // default: true
  color: string; // default: #CCCCCC
  fontSize: number; // (new) default: 14
  useResetSlot: boolean; // (new) default: false
}

When using the zoom component, a button appears, allowing to refresh the state of the zoom.
Setting useResetSlot: true allows the use of the #reset-action slot, which exposes the reset function, for you to make your own custom refresh button:

<VueUiXy
  :dataset="dataset"
  :config="config"
>
  <template #reset-action="{ reset }">
    <button @click="reset()">RESET</button>
  </template>
</VueUiXy>