如何在ASP.NET MVC中使用jQuery的flot？

Question

我想學習如何使用Flot，我認爲你的例子是一個非常好的，簡單的，非常容易理解的代碼，所以我一直在試圖實現它，但這裏是我的代碼在index.aspx：

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

這裏是在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); 
} 

所有我得到的是一個空的圖形，雖然在指數報警時。我得到了完美的格式化JSON數據。

我在做什麼錯？

Answer 1

我會建議你避免在你的控制器中手工創建JSON。試試這個：

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>