2013-10-18 1 views
0
<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>TEST</title> 
<script src="gauge.min.js"></script> 
</head> 

<?php 
     //maak verbinding met MySQL server: 
     $link = mysqli_connect("localhost","root","","opc") 
     or die("Kan niet verbinden met de server " . mysqli_error($link)); 

     //Haal waarde uit de database: 
     $query = "SELECT * FROM test" 
     or die("Er is een fout opgetreden" . mysqli_error($link)); 

     //Sla de waarde op. 
     $result = $link->query($query); 

     //toon informatie: 

     while($row = mysqli_fetch_array($result)) 
     { 
      $waarde2 = $row["waarde2"]; 
     } 
?> 

<body>  
    <canvas id="gauge1" width="400" height="400"   
     data-type="canv-gauge" 
     data-title="OPC TEST" 
     data-min-value="0" 
     data-max-value="100" 
     data-major-ticks="0 10 20 30 40 50 60 70 80 90 100" 
     data-minor-ticks="10" 
     data-stroke-ticks="true" 
     data-units="RPM" 
     data-value-format="3.0" 
     data-glow="true" 
     data-animation-delay="500" 
     data-animation-duration="200" 
     data-animation-fn="linear" 
     data-colors-needle="#f00 #00f" 
     data-onready="setInterval(function() { Gauge.Collection.get('gauge1').setValue(<?= $waarde2 ?>);}, 1000);" 
    ></canvas>  
</body>  
</html> 

완벽하게 작동하며 mysql 데이터베이스의 값으로 게이지를 보여줍니다 (매 초마다 다른 값으로 업데이트). 불행히도 게이지는 같은 번호를 계속 표시합니다. 누구든지이 문제를 해결하는 방법을 알고 있습니까?MySQL의 값을 새로 고쳐야합니다.

+0

페이지를 새로 고침으로써? –

+0

@YourCommonSense 완벽한 이름을 말씀해 주신 전 회장님의 답변입니다. – Ruddy

+0

나는 그것에 대해 생각했다. 그러나 페이지가 매 초마다 새로 고칠 때 좀 추한 것입니다. 이제는 1 초가되지만 나중에는 밀리 초 단위로 표시됩니다. 나는 HTML5에 SCADA 애플리케이션을 구축하고있다. – user2890367

답변

1

게이지와 데이터를 AJAX를 사용하여 DIV에로드 한 다음 AJAX를 ** ms 또는 초 단위로 업데이트하십시오. 그러면 당신이 결정하는 빈도로 일어날 것입니다.

이렇게하면 빠르고 쉽게 할 수 있습니다. Div Update

+0

이제 데이터베이스의 값으로 참으로 새롭게 바뀐 빈 div가 생겼다. 그 점에 대해 많은 감사를드립니다! div 자체는 계기의 setValue에 배치 될 수 없습니다. 그 해결책이 있습니까? 또는 나는 여기에서 무엇인가 잘못된 것을했다. – user2890367

+0

@ user2890367 PHP와 ...을 ajax가 호출하는 별도의 PHP 파일에 넣은 다음 div에 모두 새로 고칩니다. –

+0

고맙습니다! – user2890367

관련 문제