एएसपी.नेट एमवीसी में jQuery के साथ फ्लोट का उपयोग कैसे करें?

Question

मैं Flot का उपयोग करने के तरीके सीखने की कोशिश कर रहा हूं, और मुझे लगता है कि आपका उदाहरण एक बहुत अच्छा, सरल, बहुत समझने योग्य कोड है, इसलिए मैं इसे कार्यान्वित करने की कोशिश कर रहा हूं, लेकिन यहां मेरा कोड index.aspx में है:

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); 
} 

सभी मैं हो रही है एक खाली ग्राफ, हालांकि जब सूचकांक में चेतावनी है:

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

और यहाँ HomeController में कोड है। मुझे सही स्वरूपित JSON डेटा मिलता है।

मैं क्या गलत कर रहा हूं?

Answer 1

मैं आपको अपने नियंत्रक में हाथ से जेएसओएन बनाने से बचने के लिए सलाह दूंगा। ऐसा करें:

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

और ध्यान में रखते हुए:

<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>