File manager - Edit - /home/jardides/www/Jardi-design/CodePerso/Javascript/justgage-1.2.2/justgage-1.2.2/examples/responsive-gauges.htm
Back
<!doctype html> <html> <head> <title>Dynamic Resize</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style> body { text-align: center; padding: 0px; margin: 0px; } /* clearfix */ .clear:before, .clear:after { content: ""; display: table; } .clear:after { clear: both; } .clear { *zoom: 1; } .wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 30px; border: 1px solid #cccccc; } .gauge { display: block; float: left; } #g1 { width: 20%; } #g2 { width: 60%; } #g3 { width: 20%; } </style> </head> <body> <div class="wrapper clear"> <div id="g1" class="gauge"></div> <div id="g2" class="gauge"></div> <div id="g3" class="gauge"></div> </div> <script src="../raphael-2.1.4.min.js"></script> <script src="../justgage.js"></script> <script> document.addEventListener("DOMContentLoaded", function(event) { var g1, g2, g3; var g1 = new JustGage({ id: "g1", value: getRandomInt(0, 1000), min: 0, max: 1000, relativeGaugeSize: true, donut: true }); var g2 = new JustGage({ id: "g2", value: getRandomInt(0, 100), min: 0, max: 100, title: "Very long title", relativeGaugeSize: true, donut: true }); var g3 = new JustGage({ id: "g3", value: getRandomInt(0, 100), min: 0, max: 100, title: "Very long title", label: "label", relativeGaugeSize: true, donut: true }); }); </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0 |
proxy
|
phpinfo
|
Settings