2012-05-06 2 views
0

나는 모든 X 초를 업데이트하고 시간이 지남에 따라 그래프로 표시하는 실시간 그래프를 만들려고합니다. 내가 가지고있는 문제는 포인트를 그릴 때 포인트가 연결되지 않는다는 것입니다. 여기에 내가 지금까지 가지고있는 것이있다 :플로트 포인트가 연결되지 않습니다.

var r = []; 

function fetchData() { 
var options = { 
    lines: { show: true }, 
    points: { show: true }, 
    xaxis: { show: false } 
}; 
function doSomething(series) 
{ 
    r.push(series); 
    $.plot($("#xx"), r, options); 
} 
$.ajax({ 
    url:  'playersonline.php', 
    method: 'GET', 
    dataType: 'json', 
    success: doSomething 
}); 

setTimeout(fetchData, 3000); 
} 

fetchData(); 

이것은 출력이 현재와 비슷하게 보입니다. some pic http://screensnapr.com/e/ra6q70.png

+0

아약스에서 바로 데이터 포맷을 가져오고 있습니까? http://people.iola.dk/olau/flot/API.txt를 참조하십시오. – Shikiryu

+0

제가하고있는 방식이 형식으로 작동하지 않을 것이라고 생각합니다. playersonline.php 스크립트가 호출 될 때마다 배열 (time() * 1000, $ r [ 'player_count']) 만 반환됩니다. 결과는 .push() '배열에 있습니다. 거기에 자바 스크립트 부분 내에서 그 옵션을 설정할 수있는 방법이 있나요? – Steve

답변

5

각 점이 별도의 시리즈 인 것처럼 보입니다. 링크가 연결 되려면 모든 포인트를 단일 배열에 넣고 Flot에 하나의 시리즈로 제공해야합니다.

Flot의 예를 보면 단일 시리즈의 실시간 업데이트를 보여주는 버전이 있습니다.

+0

나는 그것을 알아 냈다. 이것은 나의 가난한 해결책이었다. – Steve

관련 문제