Как использовать flot с jQuery в ASP.NET MVC?

Question

Как использовать flot с jQuery в ASP.NET MVC?

Я пытаюсь изучить, как использовать 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.

Что я делаю неправильно?

7

jquery asp.net asp.net-mvc json flot

задан Peter Mortensen 9 February 2015 в 20:09

1 ответ

Другие вопросы по тегам:

jquery asp.net asp.net-mvc json flot

Похожие вопросы:

score 11 · Accepted Answer

Я бы посоветовал вам не создавать 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>