<!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의 값을 새로 고쳐야합니다.
페이지를 새로 고침으로써? –
@YourCommonSense 완벽한 이름을 말씀해 주신 전 회장님의 답변입니다. – Ruddy
나는 그것에 대해 생각했다. 그러나 페이지가 매 초마다 새로 고칠 때 좀 추한 것입니다. 이제는 1 초가되지만 나중에는 밀리 초 단위로 표시됩니다. 나는 HTML5에 SCADA 애플리케이션을 구축하고있다. – user2890367