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

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

7 Answers 368 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Sandeep
Top achievements
Rank 1
Sandeep asked on 03 Jun 2013, 07:42 AM
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.

7 Answers, 1 is accepted

Sort by
0
Accepted
Iliana Dyankova
Telerik team
answered on 04 Jun 2013, 07:59 AM
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!
0
Sandeep
Top achievements
Rank 1
answered on 19 Sep 2013, 10:43 AM
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
0
Iliana Dyankova
Telerik team
answered on 23 Sep 2013, 06:32 AM
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!
0
Sandeep
Top achievements
Rank 1
answered on 23 Sep 2013, 06:44 AM
Thank you for the update Iliana !
0
Sandeep
Top achievements
Rank 1
answered on 23 Sep 2013, 06:56 AM
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.
0
Iliana Dyankova
Telerik team
answered on 23 Sep 2013, 11:12 AM
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!
0
Sandeep
Top achievements
Rank 1
answered on 23 Sep 2013, 02:15 PM
Thank you again Iliana.
Tags
Charts
Asked by
Sandeep
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Sandeep
Top achievements
Rank 1
Share this question
or