Gannt chart using RadHtmlChart

9 posts, 0 answers
  1. Suresh
    Suresh avatar
    9 posts
    Member since:
    May 2015

    Posted 11 May 2015 Link to this post

    Team,

    Please provide an example of gannt chart using RadHtmlChart.

     

    Thanks,

    Suresh.

     

  2. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 11 May 2015 Link to this post

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Suresh
    Suresh avatar
    9 posts
    Member since:
    May 2015

    Posted 18 May 2015 in reply to Danail Vasilev Link to this post

    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.

  5. Robert
    Robert avatar
    25 posts
    Member since:
    Sep 2010

    Posted 06 Nov 2015 in reply to Suresh Link to this post

    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.

  6. Robert
    Robert avatar
    25 posts
    Member since:
    Sep 2010

    Posted 06 Nov 2015 Link to this post

    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.

  7. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 09 Nov 2015 Link to this post

    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
  8. Suresh
    Suresh avatar
    9 posts
    Member since:
    May 2015

    Posted 19 Nov 2015 in reply to Robert Link to this post

    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.

     

  9. Suresh
    Suresh avatar
    9 posts
    Member since:
    May 2015

    Posted 19 Nov 2015 in reply to Robert Link to this post

    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.

  10. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 19 Nov 2015 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017