dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
40 lines (39 loc) • 1.03 kB
HTML
<html>
<head>
<title>Programmatic Gauges</title>
<script type="text/javascript">
var djConfig = {
parseOnLoad: true,
async: true
}
</script>
<script type="text/javascript" src="../../../dojo/dojo.js">
</script>
<script type="text/javascript">
require([
"dojo/ready",
"dojo/dom",
"dojox/dgauges/components/black/CircularLinearGauge",
"dojox/dgauges/components/black/VerticalLinearGauge"],
function(ready, dom, CircularLinearGauge, VerticalLinearGauge){
ready(function(){
new CircularLinearGauge({
maximum: 50,
value: 50
}, dom.byId("circularGauge"));
new VerticalLinearGauge({
maximum: 50,
value: 50
}, dom.byId("verticalGauge"));
});
});
</script>
</head>
<body>
<div id="circularGauge" style="width:250px; height:250px">
</div>
<div id="verticalGauge" style="width:250px; height:250px;"/>
</div>
</body>
</html>