Googleグラフ：ゲージグラフが秒後に最大値に変更される

Google Charts APIを使用して、若干の学生プロジェクト（ラズベリーパイからサーバーに温度を送信する）に取り掛かりました。私のサーバーからのHTMLレスポンスの中で、ゲージグラフが返されます。わずか10秒後に2つのゲージのうちの最初のゲージが最大値（データセットの一部ではない値）にジャンプします。Googleグラフ：ゲージグラフが秒後に最大値に変更される

私はすでに別のプロジェクトで、同じエラー（4ゲージのグラフを使用）がありました。奇妙なことは、常に最初のゲージグラフにしか起こらないということです。

あなたはhttp://141.28.105.163/recordsの下に自分自身を見ることができます...約10秒後、最初のグラフは約21から51にジャンプします。

そして、これはコードです：それがあった

<html> 
<head> 
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
    <script type="text/javascript"> 
     google.charts.load('current', {'packages':['gauge']}); 
     google.charts.setOnLoadCallback(drawChart); 
     function drawChart() { 

      var data = google.visualization.arrayToDataTable([ 
       ['Label', 'Value'], 
       ['Min', 17], 
       ['Max', 23] 
      ]); 

      var options = { 
       minorTicks: 10, 
       min: 0, 
       max: 40 
      }; 

      var chart = new google.visualization.Gauge(document.getElementById('temp_chart')); 

      setInterval(function() { 
       data.setValue(0, 1, 40 + Math.round(60 * Math.random())); 
       chart.draw(data, options); 
      }, 13000); 

      chart.draw(data, options); 
     } 
    </script> 
</head> 
<body> 
    <div id="temp_chart" style="width: 100%; height: 100%"></div> 
</body> 
</html>

出典

2017-01-08 pixelstuermer

40 + Math.round（60 * Math.random（））。それは何をすべきか？ –

ありがとう、その部分は不必要でした！ – pixelstuermer

おかげで、。それなしで完璧に動作

setInterval(function() { 
    data.setValue(0, 1, 40 + Math.round(60 * Math.random())); 
    chart.draw(data, options); 
}, 13000);

：それは私はGoogleからの貼り付け&をコピー全体の一部でした！

出典

2017-01-08 14:42:39 pixelstuermer

コピー+貼り付け、理解していないことは決して良いことではありません... –

真実ですが、最初は素早く汚れていました;-) – pixelstuermer

Googleグラフ：ゲージグラフが秒後に最大値に変更される

答えて

関連する問題