C#将数据列表到jqPlot

本文关键字:jqPlot 列表 数据 | 更新日期: 2023-09-27 18:01:14

我有两个C#列表,其中包含x轴和y轴点。

List<string> xaxis = xAxisData(url);
List<string> yaxis = yAxisData(url);

我想把点传给我的jqPlot脚本图表,这样我就可以绘制它们。

下面是我的.aspx页面代码。

<script type="text/javascript">

    $(document).ready(function () {
        var x = $('.lclass').html();
        var xaxis = ???;
        var yaxis = ???;
        var plot2 = $.jqplot('chart1', [xaxis], {
            title: x,
            axesDefaults: {
                labelRenderer: $.jqplot.CanvasAxisLabelRenderer
            },
            seriesDefaults: {
                rendererOptions: {
                    smooth: false
                }
            },
            axes: {
                xaxis: {
                    label: "Date",
                    numberTicks: 4,
                    tickOptions: {
                        formatString: '%MM:%DD'
                    },
                    pad: 0
                },
                yaxis: {
                    label: "GB"
                }
            }
        });
    });
</script>

感谢任何帮助或指导。谢谢

C#将数据列表到jqPlot

有两种通用的方法来解决这个问题

  1. 将数据作为呈现的ASP.NET页面的一部分包括在内。这是假设在为用户显示页面时数据不会更改。做这件事的确切代码取决于你使用的技术,有不止一种方法。例如,在剃须刀中,可以这样做@Html.Raw(ViewBag.DataAsJson(将数据的JSON表示作为字符串放在ViewBag中。要将数据转换为JSON对象,可以使用NewtonSoft的库
  2. 您从RESTful服务获取数据,因为您希望在不需要刷新页面的情况下刷新数据。同样,有不止一种方法可以做到这一点。一种是实现ApiController,然后在客户端使用AngularJS和$http服务来获取和使用数据