How to use Zoom In/Out values for Control Chart + Range Slider

[Oskar]

Hi All,

I would like to get support while implementing Control Chart + Range Slider. Please have a look to details below:

 

What I have so far:

- Kendo Chart Line with a Max/Min value in both axis is working fine.

- Range Slider is working fine.

 

What is not working:

- Not able control (min/max values) chart when user modify the range criteria on Range Slider.

 

What I need:

- Set Chart Zoom In & Out values, based on on Range Slider output.

 

Have attachment as a reference.

 

Thanks for your help.

Oskar

[Martin]

Hi Oskar,

Thank you for the screenshot.

In order to achieve the desired behavior, the developer could assing the min and max properties of the <kendo-chart-value-axis-item> component to the first and second value of the RangeSlider component.

As for the categories zooming functionality the approach shown in the following article from our documentation can be used:

https://www.telerik.com/kendo-angular-ui/components/charts/elements/selection/#using-selection-as-navigator

I hope the provided information helps.

Regards,
Martin
Progress Telerik

[Oskar]

Hi Martin,

It seems like this can solve the problem. I will give it a try and let you know how it went. Thanks for your response.

 

Regards.

Oskar