Need Help for creating RadHtml - Range bar chart

[Rajendra]

I want to create a range bar chart for Task Schedule. I would like to use Rad Html chart for that. I have tasks list and their respective planned start date - end date and Actual start date - end date. So I tried to plot the chart with Rad Html chart but, it's Y-Axis is not accepting date type of value. it is only allowing decimal type of values.

So please help me, how it can be achieved. I have attached image, which shows how the chart should be displayed.

[Vessy]

Hi Rajendra,

In order to adding DateTime object to numeric series item's X property you will need to convert the .NET DateTime object to to its JavaScript Date Object representation. Detailed steps on how to achieve this are provided in the following help article:
Programmatic Creation Of SeriesItems With DateTime

For convenience I am attaching a very simple project demonstrating how to apply this approach to a RangeBar chart, so you can use it as a base for your implementation.

Regards,
Vessy
Telerik

[Rajendra]

Hi Vessy,

Thanks for your reply.

You have explained to set "Date" type of values for "X" axis, but I want it for "Y" axis. Please tell me how it can be achieved.

[Vessy]

Hi Rajendra,

Setting dates for the Y axis can be done in a way, similar to the one shown in my previous reply (without any conversion needed). I am attaching a modified sample for your reference.

Regards,
Vessy
Telerik