Customized Graph

Thread is closed for posting
4 posts, 0 answers
  1. Visionist
    Visionist avatar
    2 posts
    Member since:
    Aug 2011

    Posted 05 Mar 2013 Link to this post


    I want to make a similar kind of graphs as per attached image.  I couldn't find the solution of  three things 

    1-  How to display the month labels on top 
    2- Highlighting the specific XAxies column as gray.
    3- Making XAxies column clickable so that user can edit monthly data.
  2. MasterChiefMasterChef
    MasterChiefMasterChef avatar
    152 posts
    Member since:
    Jan 2013

    Posted 05 Mar 2013 Link to this post

    Hi Visionist,

    unfortunately, the RadChart does not have many customizable features for what you are looking to implement. To make up for this loss of features Telerik has released an updated version called the RadHtmlChart. In this chart control you are able to manipulate points, lines, and tooltips over specific columns to display whatever type of content you would like. Check out the demo to see if it would meet your criteria:

    Try isolating the demo using the code provided below. For more available features and a full list of the RadHtmlChart API, dig into the Telerik documentation.

    Good luck,
    Master Chief
  3. DevCraft R3 2016 release webinar banner
  4. Visionist
    Visionist avatar
    2 posts
    Member since:
    Aug 2011

    Posted 05 Mar 2013 Link to this post

    Hi MasterChiefMaster,

    I have tried the RadHtmlChart as well. but couldn't find these kind of options in the API.

  5. Marin Bratanov
    Marin Bratanov avatar
    3555 posts

    Posted 08 Mar 2013 Link to this post

    Hi guys,

    RadHtmlChart is not a new version of RadChart but a completely different control that started from scratch and has a completely different concept (renders on the client). It is rather new and the case with the feature set is still in favor of the RadChart, with it being a far older and more mature control. RadChart, however, is not developed actively and this is changing. You can see the comparisons and the features we add in the following series: - the original release - the first major feature shipment in RadHtmlChart - what we added in Q1 2013

    Now, on the exact tasks you want to accomplish:
    1 - labels alignment - the labels in RadHtmlChart are relative to the given series item, they cannot be all aligned to the top of the chart. Such positioning would immediately make the chart unreadable if more than one series is added. Nevertheless, the Labels Position property can be set to Above, like in the demo. You can play around with the configurators below the chart to see how different settings apply to the chart to use them in your project.
    2 - I am sorry to say that marked zone are not available in RadHtmlChart yet. The idea is logged here so you can follow, comment and vote on it.
    3 - there are client-side click events, yet they are related to the series, not to the entire column. For more details on them I advise you examine the following three resources: OnClientSeriesClicked help article, Client-side Events demo,  Drill-down Chart demo. You can get the value of the item and modify it on the client, or create custom logic to pass the user input to the server and update the database.

    Kind regards,
    Marin Bratanov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top