This is a migrated thread and some comments may be shown as answers.

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

1 Answer 1166 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Anatoli
Top achievements
Rank 1
Anatoli asked on 26 Nov 2019, 01:37 AM

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?

 

 

1 Answer, 1 is accepted

Sort by
0
Dimiter Topalov
Telerik team
answered on 27 Nov 2019, 11:41 AM

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.
Tags
Charts
Asked by
Anatoli
Top achievements
Rank 1
Answers by
Dimiter Topalov
Telerik team
Share this question
or