Google 게이지를 새 값으로 업데이트하십시오.

아래 스크립트는 Google 게이지를 보여줍니다.Google 게이지를 새 값으로 업데이트하십시오.

15 초마다 발생하는 jQuery get 문이 있습니다.

게이지를 업데이트하기 위해 updateGages()를 일부 스크립트로 바꾸고 싶습니다.

의견이 있으십니까?

<html> 
    <head> 
    <script type='text/javascript' src='https://www.google.com/jsapi'></script> 
    <script type='text/javascript'> 
     google.load('visualization', '1', {packages:['gauge']}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = google.visualization.arrayToDataTable([ 
      ['Label', 'Value'], 
      ['Memory', 80], 
      ['CPU', 55], 
      ['Network', 68] 
     ]); 

     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); 
     } 
    </script> 
    </head> 
    <body> 
    <div id='chart_div'></div> 
    </body> 
</html>

출처

2012-08-30 user1032531

의 잠재적 인 중복 [이 게시물] (http://stackoverflow.com/questions/3411854/ajax-google-visualization-api-gauge-with-jquery) – Bryan

완료로 차트를 다시 그리기 이 게시물에 깜박입니다. – user1032531

데이터 테이블을 업데이트하고 chart.draw()을 호출하여 다시 그립니다. 나는 당신의 코멘트에서 언급 된 어떤 깜박 거림도 보지 않고있다.

http://jsfiddle.net/7fmKx/

출처

2012-08-30 18:23:06 Bryan

Google 게이지를 새 값으로 업데이트하십시오.

답변

관련 문제