c# - 使用 JSON 数据绘制 Highchart 仪表

Question

如何使用 JSON 数据绘制 highchart Gauge？

我正在研究 highchart gauge，我成功地显示了数据库中的最新数据。我为此使用了 JavaScriptSerializer

代码是..

  <script type="text/javascript">
    $(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'gauge',
            plotBackgroundColor: null,
            plotBackgroundImage: null,
            plotBorderWidth: 0,
            plotShadow: false
        }, 
//Other char parameter comes here
}


   function (chart) {
            setInterval(function () {

                $.getJSON("S14.aspx", function (data, textStatus) {
                    console.log(data);
                    $.each(data, function (index, wind) {
                        var point = chart.series[0].points[0],
                        newVal = wind;
                        point.update(newVal);
                    });

                });
            }, 3000);
        });

JSON 的代码是

public string chartData1
    {
        get;
        set;

    }
    protected void Page_Load(object sender, EventArgs e)
    {
        List<double> _data = new List<double>();
        GetData();
        foreach (DataRow row in dt.Rows)
        {

            _data.Add((double)Convert.ToDouble(row["S11"]));

        }
        JavaScriptSerializer jss = new JavaScriptSerializer();
        chartData1 = jss.Serialize(_data);

    }

我的 JSON 看起来像

[1387204961992.4268,72]

好吧，问题是仪表的刻度盘没有根据我需要为此刷新页面的最后一个值移动。我知道这是因为 GetData 函数只被执行了一次。我被困在这里。

如何根据数据库中的最新值更新获取表盘移动？

Answer 1

尝试放置这部分代码

setInterval(function() {
    $(function() {
    $.getJSON('S12.aspx', function(data) {
        $.each(data, function(val) {
        if (val !== null)
        {
        var point = chart.series[0].points[0];
            point.update(val);
        }
        });
    });
    })
},2000)

内部回调图表，如下所示:http://www.highcharts.com/demo/gauge-speedometer

如果您收到任何错误，请附上。