Zoomable Chart: How to set zoom level?

[Paul]

I am working with vue 2.5.17 and typescript 3.1.1. A client has requested a chart to display data (lots of data points). I implemented use of the kendo vue line chart with panning and zooming enabled. The good news is that the client loves it. The bad news is that they want the chart to start off zoomed out all the way when it is shown. I checked the zoomable properties under the kendo-chart API for vue, but I didn't see an option for setting the zoom level. Is there a way to set the chart's zoom level to be all the way zoomed out on launch?

[Martin]

Hello Paul,

You can achieve the desired functionality with the categoryAxis.max configuration. It controls the last date to be shown on the chart. For example, if you have 50 data points on your Line Chart, setting categoryAxis.min to 0 and categoryAxis.max to 50, the Line Chart will display all your data initially. In other words, the combination of the two configuration allows you to set the zoom level according to the range you have set.

Here you will find a small Stackblitz example for reference.

If I am missing something or I misunderstood the issue, please get back to me with some additional information, and I will gladly assist you.

Regards,
Martin
Progress Telerik

[Paul]

This is exactly what I needed. Thank you!