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

Gannt chart using RadHtmlChart

8 Answers 63 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Suresh
Top achievements
Rank 1
Suresh asked on 11 May 2015, 06:33 AM

Team,

Please provide an example of gannt chart using RadHtmlChart.

 

Thanks,

Suresh.

 

8 Answers, 1 is accepted

Sort by
0
Danail Vasilev
Telerik team
answered on 11 May 2015, 06:53 AM
Hello Suresh,

RadHtmlChart and RadGantt are actually two separate controls. You can find the demos and documentation of both controls below:
  - RadHtmlChart docs - http://www.telerik.com/help/aspnet-ajax/htmlchart-overview.html
  - RadHtmlChart demos - http://demos.telerik.com/aspnet-ajax/htmlchart/examples/overview/defaultcs.aspx
  - RadGantt docs - http://www.telerik.com/help/aspnet-ajax/gantt-overview.html
  - RadGantt demos - http://demos.telerik.com/aspnet-ajax/gantt/examples/overview/defaultcs.aspx

Regarding an integration of both controls I am sorry to say we do not have an official sample to offer.

Regards,
Danail Vasilev
Telerik
 

See What's Next in App Development. Register for TelerikNEXT.

 
0
Suresh
Top achievements
Rank 1
answered on 18 May 2015, 09:52 AM

Hi Danail,

I have developed a gantt view using RadChart with resource name on X-axis and dates on y Axis. By default dates on Y axis are being displayed at the bottom. Can you please tell me how to display dates on Y-axis at the top.

Thanks,

Suresh.

0
Robert
Top achievements
Rank 1
answered on 06 Nov 2015, 03:37 PM

Suresh, we are trying to do the same but cannot even figure out how to do this. In their docs, they have X and Y axis reversed, and the Y axis only supports numbers and not dates.

 How have you managed to get dates to display?

Also, were you able to get them to display at the top?

Thank you for your help.

0
Robert
Top achievements
Rank 1
answered on 06 Nov 2015, 03:40 PM

Danail,

Can you please help answer the question of how to get the dates to the top?

And for me, could you tell me how to even get dates on the Y axis (that actually displays along the X axis).

Thanks.

0
Danail Vasilev
Telerik team
answered on 09 Nov 2015, 12:43 PM
Hi,

The y-axis doesn't support dates by default. You can, however, try to convert the dates to numbers and after that format them back to date on the client-side - http://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/how-to/programmatic-creation-of-seriesitems-with-datetime

Regards,
Danail Vasilev
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Suresh
Top achievements
Rank 1
answered on 19 Nov 2015, 06:49 AM

Hi Robert,

Please change YAxisType to secondary a shown below:

RadChart1.Series[0].Appearance.LabelAppearance.Visible = false;
RadChart1.Series[0].YAxisType = ChartYAxisType.Secondary;
RadChart1.Series[0].DataXColumn = "RowID";
RadChart1.Series[0].DataYColumn = "FromDate";
RadChart1.Series[0].DataYColumn2 = "ToDate";
RadChart1.Series[0].DataLabelsColumn = "ResourceName";
RadChart1.SeriesOrientation = ChartSeriesOrientation.Horizontal;

Configure all settings like Step, AutoScale, MinValue, MaxValue  for RadChart1.PlotArea.YAxis2.

 

In the ItemDataBound of chart, clear X axis items first and then build X axis items as per your requirement.

Thanks,

Suresh.

 

0
Suresh
Top achievements
Rank 1
answered on 19 Nov 2015, 06:52 AM

Hi Robert,

 Please go through below link which shows how to add X  axis items in ItemDataBound:

http://www.telerik.com/forums/radchart-gantt-chart-grouping

Thanks,

Suresh.

0
Marin Bratanov
Telerik team
answered on 19 Nov 2015, 07:15 AM

Hi guys,

I would like to note a few things:


Regards,

Marin Bratanov
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
Chart (HTML5)
Asked by
Suresh
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
Suresh
Top achievements
Rank 1
Robert
Top achievements
Rank 1
Marin Bratanov
Telerik team
Share this question
or