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

3 posts, 0 answers
  1. Oskar
    Oskar avatar
    3 posts
    Member since:
    Feb 2019

    Posted 23 Oct Link to this post

    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

  2. Martin
    Admin
    Martin avatar
    253 posts

    Posted 26 Oct Link to this post

    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

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

  3. Oskar
    Oskar avatar
    3 posts
    Member since:
    Feb 2019

    Posted 26 Oct in reply to Martin Link to this post

    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

Back to Top