146 lines
3.6 KiB
PHP
146 lines
3.6 KiB
PHP
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<title>Gauge Test</title>
|
|
<script src="https://github.com/Mikhus/canvas-gauges/blob/master/gauge.min.js"></script>
|
|
<style>body {
|
|
padding: 20px;
|
|
margin: 0;
|
|
background: #fff
|
|
}</style>
|
|
</head>
|
|
|
|
|
|
<?php
|
|
$username="corey";
|
|
$password="41945549";
|
|
$database="controls";
|
|
|
|
mysql_connect('127.0.0.1',$username,$password);
|
|
@mysql_select_db($database) or die( "Unable to select database");
|
|
$query = "SELECT * FROM milling ORDER BY id DESC LIMIT 1";
|
|
$result=mysql_query($query);
|
|
|
|
$num=mysql_numrows($result);
|
|
|
|
mysql_close();
|
|
?>
|
|
|
|
<?php
|
|
$i=0;
|
|
while ($i < $num) {
|
|
|
|
$f2=mysql_result($result,$i,"mainspd");
|
|
$f3=mysql_result($result,$i,"mill1spd");
|
|
$f4=mysql_result($result,$i,"tonshr");
|
|
$f5=mysql_result($result,$i,"mccoutput");
|
|
$f7=mysql_result($result,$i,"mill1wsp");
|
|
$f8=mysql_result($result,$i,"canetot");
|
|
$f9=mysql_result($result,$i,"15minavg");
|
|
$f10=mysql_result($result,$i,"knife1pres");
|
|
$f11=mysql_result($result,$i,"knife2pres");
|
|
$f12=mysql_result($result,$i,"knife3pres");
|
|
$f13=mysql_result($result,$i,"mill1lvl");
|
|
$f14=mysql_result($result,$i,"mill2lvl");
|
|
$f15=mysql_result($result,$i,"mill3lvl");
|
|
$f16=mysql_result($result,$i,"mill4lvl");
|
|
$f17=mysql_result($result,$i,"mill5lvl");
|
|
$f18=mysql_result($result,$i,"mill6lvl");
|
|
$f19=mysql_result($result,$i,"mill1pres");
|
|
$f20=mysql_result($result,$i,"mill2pres");
|
|
$f21=mysql_result($result,$i,"mill3pres");
|
|
$f22=mysql_result($result,$i,"mill4pres");
|
|
$f23=mysql_result($result,$i,"mill5pres");
|
|
$f24=mysql_result($result,$i,"mill6pres");
|
|
|
|
?>
|
|
|
|
<canvas id="gauge-ps"></canvas>
|
|
|
|
<script>
|
|
var gaugePS = new RadialGauge({
|
|
renderTo: 'gauge-ps',
|
|
width: 400,
|
|
height: 400,
|
|
units: 'PS',
|
|
minValue: 0,
|
|
maxValue: 1000,
|
|
majorTicks: [
|
|
'0',
|
|
'100',
|
|
'200',
|
|
'300',
|
|
'400',
|
|
'500',
|
|
'600',
|
|
'700',
|
|
'800',
|
|
'900',
|
|
'1000'
|
|
],
|
|
minorTicks: 2,
|
|
ticksAngle: 270,
|
|
startAngle: 45,
|
|
strokeTicks: true,
|
|
highlights : [
|
|
{ from : 457, to : 880, color : 'rgba(78, 78, 76, 0.5)' },
|
|
{ from : 880, to : 1000, color : 'rgba(225, 7, 23, 0.75)' }
|
|
],
|
|
valueInt: 1,
|
|
valueDec: 0,
|
|
colorPlate: "#fff",
|
|
colorMajorTicks: "#686868",
|
|
colorMinorTicks: "#686868",
|
|
colorTitle: "#000",
|
|
colorUnits: "#000",
|
|
colorNumbers: "#686868",
|
|
valueBox: true,
|
|
colorValueText: "#000",
|
|
colorValueBoxRect: "#fff",
|
|
colorValueBoxRectEnd: "#fff",
|
|
colorValueBoxBackground: "#fff",
|
|
colorValueBoxShadow: false,
|
|
colorValueTextShadow: false,
|
|
colorNeedleShadowUp: true,
|
|
colorNeedleShadowDown: false,
|
|
colorNeedle: "rgba(200, 50, 50, .75)",
|
|
colorNeedleEnd: "rgba(200, 50, 50, .75)",
|
|
colorNeedleCircleOuter: "rgba(200, 200, 200, 1)",
|
|
colorNeedleCircleOuterEnd: "rgba(200, 200, 200, 1)",
|
|
borderShadowWidth: 0,
|
|
borders: true,
|
|
borderInnerWidth: 0,
|
|
borderMiddleWidth: 0,
|
|
borderOuterWidth: 5,
|
|
colorBorderOuter: "#fafafa",
|
|
colorBorderOuterEnd: "#cdcdcd",
|
|
needleType: "arrow",
|
|
needleWidth: 2,
|
|
needleCircleSize: 7,
|
|
needleCircleOuter: true,
|
|
needleCircleInner: false,
|
|
animationDuration: 1500,
|
|
animationRule: "dequint",
|
|
fontNumbers: "Verdana",
|
|
fontTitle: "Verdana",
|
|
fontUnits: "Verdana",
|
|
fontValue: "Led",
|
|
fontValueStyle: 'italic',
|
|
fontNumbersSize: 20,
|
|
fontNumbersStyle: 'italic',
|
|
fontNumbersWeight: 'bold',
|
|
fontTitleSize: 24,
|
|
fontUnitsSize: 22,
|
|
fontValueSize: 50,
|
|
animatedValue: true
|
|
});
|
|
gaugePS.draw();
|
|
gaugePS.value = "$f13";
|
|
</script>
|
|
|
|
<?php
|
|
$i++;
|
|
}
|
|
?>
|