Freeze y-axis/value-axis label in horizontal scroll chart

2 posts, 0 answers
  1. Purna
    Purna avatar
    19 posts
    Member since:
    May 2012

    Posted 25 Nov 2019 Link to this post

    Hi,

    In the horizontal scroll chart, when I scroll to right, the vertical Y-Axis also gets scrolled off to left. I want that Y-Axis to remain static during the horizontal scroll. Can you please guide me how I can do that?

     

     

  2. Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    1260 posts

    Posted 27 Nov 2019 Link to this post

    Hello Purna,

    If I understand correctly (please correct me if I am wrong), you have a Chart that overflows its container so that a horizontal scrollbar appears, something like:

    https://stackblitz.com/edit/angular-kcja1n?file=app/app.component.ts

    I this case there is nothing we can to move the Y-axis alongside the container's scroll position.

    What I can suggest is to utilize the "panning" capabilities of the Charts that allow dragging the chart content horizontally to display different areas of the Chart while keeping the Y-axis position fixed and visible all the time, e.g.:

    https://www.telerik.com/kendo-angular-ui-develop/components/charts/chart/pan-zoom/

    https://stackblitz.com/edit/angular-kqjqhh?file=app/app.component.ts

    I hope this helps.

    Regards,
    Dimiter Topalov
    Progress Telerik

    Get quickly onboarded and successful with your Telerik and Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top