Hi Lazar,

Thank you for the reply.

Unfortunately, the solution is unable to work because the Date property in my code (equiv to your Timestamp) is not a recognised as a javascript Date.

It is databound to a C# DateTime type from the controller. The label is shown as something similar to /Date(1289923200000)/.

Do you have another solution to this?

Regards,

Roy

Hi, Roy

Please, excuse me for my late reply. I was off from the civilization for three weeks just as you posted your question, and then forgot to answer. It is my fault.

I think you have a neat solution for this situation: Bind your JSON to an igDataSource and then pass the data source to the chart control. The igDataSource is capable of converting dates formatted in the way you specified and convert them to JS dates. You only need to specify that a particular field is a date in the schema option of the data source. Here's an example how you can do this:

Note that everything that has no type specified is treated as a string. 

Here follows how your formatLabel method will look like in that case:

Note how the Date member is accessed as an array element when the data comes from an igDataSource.

Cheers, Lazar 

Lazar's version may have actually been MVC 4 specific, as they may do something more automatic for JSON dates by that stage. But I saw the output you were seeing when using MVC3. The snippet I provide should help adjust that date format for display.

Roy,

Sorry for the late reply. This slipped through the cracks, somehow. JSON date serialization is in a pretty annoying state at present. One option you have is to render the dates to strings on the server. Or if you want them to fly over the wire as dates and adjust them on the client you just may need to get them into the right format for display for the chart. One way of going about this is something like this:

$("#chart1").igDataChart("option", "axes",
        [{
            name: "xAxis",
            formatLabel: function (value) {
                var val = new Date(parseInt(value.Date.substr(6))),
                ret = val.getMonth() + 1 + "/" + val.getDate() + "/" + val.getFullYear();

                return ret;
            }
        }]);

Hope this helps!

-Graham