Ajax를 통한 하이 차트 및로드 데이터

Question

하이 차트를 시작하면서 내가 만나는 문제가 상대적으로 단순하고 어리 석다는 것을 알기를 바랍니다.

이

원래 코드 :와

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; 
    })() 
    } 
] 

을 대체 끌어 '진짜'데이터를 바로 일련의 데이터 조각을 http://www.highcharts.com/demo/dynamic-update

수정 -

나는 라이브 업데이트 데모를 Highcharts에서 샘플을했다 :

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; 
     } 
     }); 
    })() 
    } 
] 

데이터 출력 형식은 id

랜덤 :

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 

무작위 진짜 entical

어디서 볼 것인가? 나는 이것이 내가하고있는 일이 상당히 일상적이어야한다고 확신한다.

Answer 1

'데이터'가 범위를 벗어나므로 즉시 함수를 호출해도 데이터가 반환되지 않습니다. var 데이터을 ajax 호출의 강력한 텍스트 외부로 선언하십시오. 이런 식으로 뭔가 : 나는 자신의 함수로 데이터 검색을 이동하는 경우 필요하지 않습니다

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; 
     })() 
    }] 

내가 '거짓 비동기가'의심 :

(function() { 
    var data = []; 
    $.ajax({ 
    url: '/api/data/query', 
    ... 
    ... 
})(); 

Answer 2

그래서이 작동 결국 무엇인가?