Adding navigation capability to bar chart

2 posts, 0 answers
  1. Kinnar
    Kinnar avatar
    7 posts
    Member since:
    Nov 2011

    Posted 08 Nov 2011 Link to this post

    Hi,

    We are using bar chart control to show trending data of our application. We are currently hiding Y-Axis and showing dates on X-Axis. Each date on X-Axis represents last date of particular week. So, if we are displaying 7 weeks trending data, then bar graph will have 7 dates on X-Axis starting from 25-Sep-2011,02-Oct-2011,09-Oct-2011,16-Oct-2011,23-Oct-2011,30-Oct-2011 and 06-Nov-2011.  Now we want to add navigation capability to X-Axis by adding "Previous" and "Next" button just besides start date and end date.

    So, in above case, we will add "Previous" button just beside Start Date : 25-Sep-2011 and "Next" button just beside End Date : 06-Nov-2011. If user presses "Previous" button, then our X-Axis start date will become 18-Sep-2011 and end date will become 30-Oct-2011. If user presses "Next" button ten our X-Axis start date will become 02-Oct-2011 and end date will become 13-Nov-2011. 

    We are showing multiple bar graphs in small windows on our application where some bar graphs will have chart legend and other won't have chart legend. We are showing chart legend at bottom area of bar graph. The "Previous" and "Next" buttons are get displayed just beside Start Date and End Date on X-Axis correctly when chart legend is not getting displayed. But the problem is these buttons are get displayed in line of chart legend for bar graphs which is having chart legend into them. This is something unexpected. We want to display "Previous" and "Next" buttons just beside Start date and End Date on X-Axis even in case of chart legends. The "Previous" and "Next" buttons are sliverlight standard buttons.

    Can you please provide your view on this so that "Previous" and "Next" buttons are get displayed just beside Start Date and End Date on X-Axis even if chart legend is getting displayed?

    Your quick response will be highly appreciated.

     

    Regards,

    Kinnar

  2. Evgenia
    Admin
    Evgenia avatar
    1437 posts

    Posted 11 Nov 2011 Link to this post

    Hi Kinnar,

      The Previous and Next functionality can be achieved with manually changing the XAxis Range. This can be achieved with setting the AutoRange to false and providing your own MinValue, MaxValue and Step as described here.
    As for visualizing this - "we want to display "Previous" and "Next" buttons just beside Start date and End Date on X-Axis even in case of chart legends." - Could you provide us a sample image describing what do you want to achieve so that we can guide you more properly?

    Greetings,
    Evgenia
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Back to Top