2016-06-21 2 views
0

라이브 풍속계의 페이지에서 간단한 Google 게이지를 그려 보겠습니다. Google 서식 파일을 사용하여 변수가 많은 PHP 파일에서 변수를 대체합니다. 게이지가 정확한 값으로 그려 지지만 처음으로 업데이트하지는 않습니다. 여기 내 코드가있다.PHP 변수가 업데이트되지 않는 Google 게이지

function drawChart() { 
    var data = google.visualization.arrayToDataTable([ 
    ['Label', 'Value'], 
    ['Memory', 0], 

    ]); 

    var options = { 
    width: 400, 
    height: 120, 
    redFrom: 90, 
    redTo: 100, 
    yellowFrom: 75, 
    yellowTo: 90, 
    minorTicks: 5 
    }; 
    var chart = new google.visualization.Gauge(document.getElementById('chart_div')); 
    chart.draw(data, options); 

    setInterval(function() { 
    data.setValue(0, 1, <?php @include "/live/live.php"; echo $windspeed; ?>); 
    chart.draw(data, options); 
    }, 1000); 
} 

내 live.php는 $의 풍속 = "15.4"등으로 및 FTP exery 삼초 업데이트 자동으로 전용 변수가 포함되어 있습니다. 어떤 도움을 ....

+2

'include "script.php"하면 스크립트를 실제로 * 복사하고 JS에 넣는 것입니다. 그 값은'setInterval' 동안 지속적으로 업데이트되지 않습니다. 대신'live.php'를 업데이트하여 업데이트 값을 에코하고 AJAX를 사용하여 새 값을 가져 오십시오. –

+0

답해 주셔서 감사합니다 ... 나는 script.php를 작성하여 업데이트 된 값을 출력했지만 아약스를 사용하는 방법을 알지 못했습니다. – chubros

+0

Google 검색 중 일부를 수행하십시오. 거기에 AJAX를 사용하는 방법에 대한 튜토리얼이 많이 있습니다. –

답변

1

에 코드를 한 번 /live/live.php의 출력 페이지가 생성 될 때, 아마도 당신이 값을 얻기 위해이 URL을 폴링 할 병합 ..... 감사합니다

... 
    setInterval(function() { 
     var xhttp = new XMLHttpRequest(); 
     xhttp.onreadystatechange = function() { 
     if (xhttp.readyState == 4 && xhttp.status == 200) { 
      data.setValue(0,1,xhttp.responseText); 
      chart.draw(data, options); 
     } 
     }; 
     xhttp.open("GET", "/live/live.php", true); 
     xhttp.send(); 
    }, 1000); 

대신 ...

setInterval(function() { 
    data.setValue(0, 1, <?php @include "/live/live.php"; echo $windspeed; ?>); 
    chart.draw(data, options); 
}, 1000); 
+0

그게 ... !!! 고맙습니다 ... – chubros

+0

live.php 파일을 호출하고 값을 가져 오는 함수를 추가하는 작업을 getit 할 수있었습니다. 하여 setInterval (함수() { \t \t $ 아약스 ({ URL : '/live/live.php', 유형 : 'GET', 데이터 : php_var, 성공 : 기능 (응답) { php_var = (응답) \t \t \t \t }}) \t \t} 1000); – chubros

+0

jquery에 대해 언급 한 적이 없습니다. – symcbean

관련 문제