Customized Graph

[Visionist]

Hi,

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.

[MasterChiefMasterChef]

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:
http://demos.telerik.com/aspnet-ajax/htmlchart/examples/charttypes/linechart/defaultcs.aspx

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

[Visionist]

Hi MasterChiefMaster,

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

[Marin Bratanov]

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:
http://blogs.telerik.com/aspnet-ajax/posts/12-07-06/radhtmlchart-vs-radchart-which-asp-net-ajax-control-to-use-for-my-project.aspx - the original release
http://blogs.telerik.com/aspnet-ajax/posts/12-09-07/new-features-of-radhtmlchart-for-asp-net-ajax-ship-a-month-ahead-of-schedule.aspx - the first major feature shipment in RadHtmlChart
http://blogs.telerik.com/aspnet-ajax/posts/13-03-04/what-s-new-in-radhtmlchart-in-q1-2013 - 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