Vertical scroll for bar chart with fixed x-axis

2 posts, 0 answers
  1. rajmohan
    rajmohan avatar
    1 posts
    Member since:
    Jul 2017

    Posted 29 Aug Link to this post

    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.

  2. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    300 posts

    Posted 30 Aug Link to this post

    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 pan 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
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top