2016-06-21 13 views
0

生きている風速計のページに簡単なGoogleゲージを描きたい。 私はGoogleのテンプレートを使用して、私はそれらの多くを持っていたPHPファイルから来る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 3秒で更新自動で唯一の変数が含まれています。すべてのヘルプは高く評価されているページが生成されたときに.....

+2

あなたが 'include" script.php "'を実行すると、あなたは効果的にスクリプトを現状のまま*でコピーしてJSに入れます。その値は 'setInterval'の間に絶えず更新されていません。代わりに 'live.php'を変更して更新値をエコーし​​、AJAXを使って新しい値を取得してください。 –

+0

あなたの答えをありがとう...私は更新された値をエコーする別のscript.phpを作ったが、私はどのようにajaxを使用し、それを得るための手がかりがなかった。 – chubros

+0

いくつかのグーグルをしてください。 AJAXの使い方に関するチュートリアルがたくさんあります。 –

答えて

1

あなたのコードは、おそらくあなたが値を取得するには、この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); 

、一度/live/live.phpの出力をマージ代わりに...

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

関連する問題