Vue Chart Unzoom

[Oliver]

Hi there,

zooming and panning is a cool feature. But since not every mouse has a wheel, I wanted to add a button (or any trigger) to unzoom the chart once it is zoomed in, without the need of the mouse wheel.

On my chart:

<kendo-chart ref="chart"></kendo-chart>

  I tried to use the ref

  this.$refs.chart

to find out, which function calls I could use to unzoom (or reset zoom), but could not find or guess which one to call. There are many properties and functions, but nothing that seems to be related to the desired function. The API does not give me a hint or I missed the point.

How can I programmatically reset a zoomed chart?

Thank you for any hint

[Ivan Danchev]

Hello Oliver,

The chart does not have API methods dedicated to zooming in/out, but you can achieve a similar effect by setting the categoryAxis.min and categoryAxis.max values. Here's an example, which demonstrates setting these options in the click handlers of two buttons: https://stackblitz.com/edit/9gy71t?file=index.js

Regards,
Ivan Danchev
Progress Telerik

[Oliver]

Hi Ivan,

thanks a lot.That was exactly what I needed. Worked like a charm.

 

Best regards

Oliver