0

私は自分のニーズに合わせてこの例を変更しようとしています: http://goo.gl/DEyGtV

次のような出力を返す ajax 呼び出しを行っています: &label=16:44:31&value=356

ラベル部分をx軸、値部分をy軸にしたいです。したがって、私はこのビットを変更しました。

var x = (new Date()).getTime(), // current time
y = Math.random();

これとともに、

var x;
var y;
$.ajax({
    cache: false,
    url: "http://localhost/pages/ReturnData.aspx",
    success: function (data) {
        var varArr = data.toString().split("&");
        x = varArr[1].split("=")[1];
        y = varArr[2].split("=")[1];
    }
});

また、このビット、

series: [{
            name: 'Random data',
            data: (function() {
                // generate an array of random data
                var data = [],
                    time = (new Date()).getTime(),
                    i;

                for (i = -19; i <= 0; i++) {
                    data.push({
                        x: time + i * 1000,
                        y: Math.random()
                    });
                }
                return data;
            })()
        }]

これとともに：

series: [{
    name: 'Prim',
    data: (function () {
        // generate an array of random data
        var data = [],
        time = (new Date()).getTime(),
        i;
        for (i = -19; i <= 0; i++) {
            var xvar;
            var yvar;
            $.ajax({
                cache: false,
                url: "http://localhost/pages/ReturnData.aspx",
                success: function (data) {
                    var varArr = data.toString().split("&");
                    xvar = varArr[1].split("=")[1];
                    yvar = varArr[2].split("=")[1];
                }
            });
            data.push({
                x: xvar,
                y: yvar
            });
        }
        return data;
    })()
}]

しかし、プロットは描かれていません。私は ajax 呼び出しが必要なデータを返すことを完全に確信しています。私が間違っているところを指摘できますか？

よろしくお願いします。

4

2 に答える 2

0

series の update メソッドを使用して、チャート データを更新できます。

$.ajax({
    cache: false,
    url: "http://localhost/pages/ReturnData.aspx",
    success: function (data) {
        // data manipulation here...
        chart.series[0].update({
           data: data
        });
    }
});

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/series-update/

于 2013-09-26T11:03:51.533 に答える