You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
646 B
32 lines
646 B
5 years ago
|
<html>
|
||
|
|
<head>
|
||
|
|
<script type="application/javascript" src="./gauge.min.js"></script>
|
||
|
|
<style>body{padding:0;margin:0;background:#222}</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<canvas id="gauge1"></canvas>
|
||
|
|
<canvas id="gauge2"></canvas>
|
||
|
|
|
||
|
|
<script type="application/javascript">
|
||
|
|
|
||
|
|
var gauge1 = new RadialGauge({
|
||
|
|
renderTo: 'gauge1',
|
||
|
|
width: 200,
|
||
|
|
height: 200,
|
||
|
|
minValue: 0,
|
||
|
|
maxValue: 100,
|
||
|
|
}).draw();
|
||
|
|
|
||
|
|
var gauge2 = new RadialGauge({
|
||
|
|
renderTo: 'gauge2',
|
||
|
|
width: 200,
|
||
|
|
height: 200,
|
||
|
|
minValue: 0,
|
||
|
|
maxValue: 100,
|
||
|
|
}).draw();
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|