Vertical scroll for bar chart with fixed x-axis

[rajmohan]

Hello Kendo Team,

How do we add/enable vertical scroll to the right of the bar chart to scroll through more items in the data source.

Consider a scenario where there are 100 items to be displayed in the bar chart and bar chart is designed to display the items in the paginated fashion of 10 items in each page,

1.Bar chart will display 10 items in a given view

2.When user pans/mouse scroll the bar chart will display the next set of items in the given ahead

3. Now, there is no visual clue for the user that the bar chart can be scrolled/panned to view more items. Please suggest a way/workaround to include a vertical scrollbar which will allow user to scroll through the entire bar chart items having the x-axis anchored at the bottom.

[Alex Hajigeorgieva]

Hi Rajmohan,

If you wish to have a visible scroll, perhaps the Stock Chart with a navigator is a more suitable choice. Have a look at the official demo and let me know what you think.

Here is the same demo only with column series:

http://dojo.telerik.com/@bubblemaster/ufeNiD

Alternatively, if you prefer to stay with the Bar Chart, you could use the example for custom zoom and of Bar Charts and add a Kendo UI Slider and its change event to serve as the scrollbar(Kendo UI does not have a Scrollbar widget, we use the native browser ones):

http://dojo.telerik.com/@bubblemaster/UjuSA

Kind Regards,
Alex Hajigeorgieva
Progress Telerik

[Lee]

I tried going to http://dojo.telerik.com/@bubblemaster/ufeNiD as you suggest in your reply but it is blocked by CORS policy from origin runner.telerik.io. Could you post instructions on how to add the vertical scroll bar to the bar chart?

[Alex Hajigeorgieva]

Hi, Lee,

Apologies for that, it was due to the relatively new https hosted Dojo and the resource being requested with http in the Dojo. Here is the updated Dojo where I replaced the http links to https and it now works as expected:

https://dojo.telerik.com/@bubblemaster/uquGafuy

Let me know in case you have further questions.

Regards,
Alex Hajigeorgieva
Progress Telerik

[jersey]

hi may i request a suggestion regarding my concern

 

i am creating a bar chart which might include bulk data like 20-30 rows or more. I want my chart to have a scrollbar and maintain the size of the bar it will generate. i want to have 10 bars to display on every page if possible or an scrollbar. 

[jersey]

hi do you already have the solution for this ? this is also my problem 

 

[Lee]

I never got a solution for this unfortunately. I keep hoping Telerik will come up with one.

[Alex Hajigeorgieva]

Hi, Jersey and Lee,

We have suggested a vertical option using the same approach in one of our Feature Requests:

Vote for the feature here:

https://feedback.telerik.com/kendo-jquery-ui/1433345-add-vertical-scrollbar-to-bar-chart

Vertical scrollbar example:

https://dojo.telerik.com/EgoTOmoS/3

You may notice that the feature request is marked as completed. This is because a solution was provided and there were no further responses from the original poster or anyone else. 

If you feel that the solution is somehow lacking, please comment on the item so we can revise it.

Kind Regards,
Alex Hajigeorgieva
Progress Telerik