How to show a data table of values below the multiple axes chart ?

8 posts, 1 answers
  1. Sandeep
    Sandeep avatar
    6 posts
    Member since:
    Jan 2013

    Posted 03 Jun 2013 Link to this post

    Hi,

    We have an ASP.NET MVC 3 project in which we need to show a chart similar to the one below : 

    http://demos.telerik.com/aspnet-mvc/razor/chart/multipleaxes

    Except that

    1> I don't need to stack columns above each other .
    2> I want to show a table below the chart with values as in this example  - http://telerik.com/help/aspnet-ajax/chart-plot-area-data-table.html


    Can you please help in finding out the correct property / setting for the kendo chart for requirement #2 ? 


    Regards,
    Sandeep.
  2. Answer
    Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 04 Jun 2013 Link to this post

    Hello Sandeep,

    Up to your questions

    1. Here is a demo which demonstrates how the same functionality can achieved using Kendo UI Chart. In order to prevent the columns' stacking you should remove .Stack(true) from the Chart's configuration;
    2. I am afraid showing the series' data in a table below the xAxis is not supported in Kendo UI Chart at present. If you wish you can submit this idea as a feature request at our UserVoice portal - this way the community would be able to evaluate it and if the suggestion gains popularity we will consider its implementation. 
    Regards,
    Iliana Nikolova
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Sandeep
    Sandeep avatar
    6 posts
    Member since:
    Jan 2013

    Posted 19 Sep 2013 Link to this post

    Hi

    A Follow up to this question -Please refer to attached image

    My requirement is to render a chart and align a table below it , such that, the base of the bars are aligned with the years (2008,2009) etc.

    If there is no single widget / tool / control that can do it, can this be achieved with a combination of controls in your toolkit ?

    Would we be able to set the spacing between the bars in the chart and also the spacing between the Y-Axis and the first bar etc ?

    Regards,
    Sandeep
  4. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 23 Sep 2013 Link to this post

    Hello Sandeep,

    Thank you for the provided image.

    I am afraid your scenario is not supported out-of-the-box in Kendo UI, however you could try adjusting the table content manually (for example using CSS).

    Regarding the spacing between bars, it can be set through gap / spacing options.

    Regards,
    Iliana Nikolova
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Sandeep
    Sandeep avatar
    6 posts
    Member since:
    Jan 2013

    Posted 23 Sep 2013 Link to this post

    Thank you for the update Iliana !
  6. Sandeep
    Sandeep avatar
    6 posts
    Member since:
    Jan 2013

    Posted 23 Sep 2013 Link to this post

    Hi Iliana,

    The links were helpful, however one more follow up question -

    Is it possible to control the space between the y-axis line and the first bar in the chart , independently of the spacing between every other bar in the chart ?

    Regards,
    Sandeep.
  7. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 23 Sep 2013 Link to this post

    Hello Sandeep,

    I am afraid this is not supported -> gap / spacing options are due to entire series, not to particular points in these series.
     

    Regards,
    Iliana Nikolova
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  8. Sandeep
    Sandeep avatar
    6 posts
    Member since:
    Jan 2013

    Posted 23 Sep 2013 Link to this post

    Thank you again Iliana.
Back to Top