0

ハイチャートを使い始めたばかりで、私が遭遇している問題が、私が見逃している比較的単純/愚かなものであることを願っています.

サンプルは Highcharts のライブ更新デモ ( http://www.highcharts.com/demo/dynamic-update ) から取得しました。

そして、一連のデータ部分だけを変更して、「実際の」データを取得します。

元のコード:

series: [{
    name: 'CPU utilization',
    data: (function () {
      // generate an array of random data
      var data = [],
        time = (new Date()).getTime(),
        i;
      for (i = -279; i <= 0; i++) {
        data.push({
          x: time + i * 1000,
          y: Math.random() * 10
        });
      }
      return data;
    })()
  }
]

交換された：

series: [{
    name: 'CPU utilization',
    data: (function () {
      $.ajax({
        url: '/api/data/query',
        data: query,
        content: "application/json",
        type: "POST",
        success: function (point) {
          var vals = point.queries[0].results[0].values;
          var data = [],
            i;
          for (i = -vals.length + 1; i <= 0; i++) {
            data.push({
              x: vals[i + vals.length - 1][0],
              y: vals[i + vals.length - 1][1]
            });
          }
          return data;
        }
      });
    })()
  }
]

データ出力形式は、ランダムと実数で同じように見えます。

ランダム：

Array[280]
[0 … 99]
0: Object
x: 1365259804521
y: 9.2204492539

本物：

Array[280]
[0 … 99]
0: Object
x: 1365259979000
y: 3

ただし、実際のデータを使用しようとすると、highcharts エラーが発生します。

Uncaught TypeError: Cannot call method 'push' of undefined highcharts.js:199
P.addPoint highcharts.js:199
$.ajax.success test2.html:265
c jquery-1.9.1.min.js:3
p.fireWith jquery-1.9.1.min.js:3
k jquery-1.9.1.min.js:5
r

どこを見るべきかについて何か提案はありますか？これはかなり日常的でなければならないので、私がやっていることだと確信しています。

4

2 に答える 2

0

だから、これはうまくいったものです：

    series: [{
        name: 'CPU utilization',
        data: (function() {
                        var data;
                        $.ajax({
                        url: '/api/data/query',
                        data: query,
                        async: false,
                        content: "application/json",
                        type: "POST",
                        success: function(point) {
                        data =  point.queries[0].results[0].values;
                        }
                        });
            return data;
        })()
    }]

データ取得を独自の関数に移動すると、「async: false」は不要になるのではないでしょうか?

于 2013-04-06T23:20:13.513 に答える