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

Posted 2023-05-08

【中文标题】如何在 ASP.NET MVC 中使用 flot 和 jQuery？

【英文标题】：How to use flot with jQuery in ASP.NET MVC?

【发布时间】：2011-01-18 05:42:17

【问题描述】：

我正在尝试学习如何使用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 数据。

我做错了什么？

【参考方案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>

【讨论】：

我也尝试在 flot 中使用 json，但在 vb.net/asp.net 中。我有一个数据集，然后将其序列化为 JSON 字符串。如何获取此字符串并将其放入浮动图中？