Wie Flot mit jQuery in ASP.NET MVC verwenden?

Question

Ich versuche zu lernen, wie man Flot verwendet, und ich denke, Ihr Beispiel ist ein sehr schöner, einfacher, sehr verständlicher Code, also habe ich versucht, es zu implementieren, aber hier ist mein Code in der index.aspx:

$(function() { 
    $.getJSON("../../Home/JsonValues", function (data) { 
     alert('json: ' + data + ' ...'); 
     var plotarea = $("#plot_area"); 
     $.plot(plotarea, data); 
     //$.plot(plotarea,[ [[0, 0], [1, 1]] ]); 
    }); 
}); 

Und hier ist der Code in dem Homecontroller:

public ActionResult JsonValues() 
{ 
    //string s = "[ [[0, 0], [1, 1]] ]"; 
    //return Json(s, JsonRequestBehavior.AllowGet); 
    StringBuilder sb = new StringBuilder(); 
    sb.Append("[[0, 0], [1, 1]]"); 
    return Json("[" + sb.ToString() + "]", JsonRequestBehavior.AllowGet); 
} 

Alles, was ich immer bin, ist ein leerer graph, obwohl, wenn sie im Index aufmerksam zu machen. Ich bekomme die perfekt formatierten JSON-Daten.

Was mache ich falsch?

Answer 1

Ich würde Ihnen raten, JSON nicht manuell in Ihrem Controller zu erstellen. Versuchen Sie stattdessen:

public ActionResult JsonValues() 
{ 
    return Json(
     new[] { new[] { 0, 0 }, new[] { 1, 1 } }, 
     JsonRequestBehavior.AllowGet); 
} 

Und in der Ansicht:

<div id="plot_area" style="width:600px;height:300px;"></div> 

<script type="text/javascript"> 
$(function() { 
    $.getJSON('../../Home/JsonValues', function (data) { 
     $.plot($('#plot_area'), [data]); 
    }); 
}); 
</script>