CODEWITHSUNDEEP
javascriptc#asp.netasp.net-mvcmorris.js
Joris Mathijssen
Joris Mathijssen

Reputation: 669

Cannot read property 'match' of undefined asp MVC Morris Chart

Good day!

I'm currently working on a dashboard with a morrischart in it. The dashboard is made with ASP MVC.

With javascript i call a function in my controller that returns me my data. 

$.get('@Url.Action("Diagram")', function (result) {
            console.log(result) #Has the the correct information
            Morris.Line({
                element: 'morris-area-chart',
                data: result,
                xkey: 'period',
                ykeys: ['ColliAantal'],
                labels: ['Colli aantal'],
                pointSize: 1.5,
                hideHover: 'auto',
                resize: true
            });

"Result" contains the json data i need for the chart.'

The code i show here is the controller code. scorebord is already defined and had the good data in it. 

try
{
    List<ChartData> chartData = new List<ChartData>();
    foreach (Scorebord item in scorebord.Take(100))
    {
        chartData.Add(new ChartData(item.ColliQty, item.Datum));
    }
    var json = JsonConvert.SerializeObject(chartData); 
    return Json(json, JsonRequestBehavior.AllowGet);
}
catch (Exception ex)
{
    return null;
}

The weird thing is, if I go into debug and copy the data that is returned in the controller and past it in directly in the javascript as data, the thing suddenly works!

I hope someone can help me with this, probably simple, problem. Thanks!

Upvotes: 0

Views: 375

Answers (1)

rubenj
rubenj

Reputation: 118

Have you already tried to return your json var (only string) instead of an object of type Json?

Upvotes: 1

Related Questions