大佬教程收集整理的这篇文章主要介绍了Dojo仪表盘,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<!DOCTYPE html> <html> <head> <title>Dojo仪表盘</title> <Meta charset="utf-8"> <script src="http://192.168.240.186/arcgis_js_api/library/3.6/init.js"></script> <script type="text/javascript"> var publicVariable=12; require(["dojox/dgauges/GaugeBase","dojox/dgauges/components/default/CircularLinearGauge","dojox/dgauges/components/classic/SemiCircularLinearGauge","dojox/dgauges/components/classic/HorizontalLinearGauge","dojox/dgauges/components/default/VerticalLinearGauge","dojo/dom","dojo/domReady!" ],function( GaugeBase,CircularLinearGauge,//圆形仪表 SemiCircularLinearGauge,//半圆形仪表 HorizontalLinearGauge,//横向刻度尺 VerticalLinearGauge,//纵向刻度尺 dom) { var watch1 = new CircularLinearGauge(//圆形仪表 { value:publicVariable,animationDuration:1000 },dom.byId("watch1") ); var watch2 = new SemiCircularLinearGauge(//半圆形仪表 { value:publicVariable,animationDuration:1000 },dom.byId("watch2") ); var watch3 = new HorizontalLinearGauge(//横向刻度尺 { value:publicVariable,dom.byId("watch3") ); var watch4 = new VerticalLinearGauge(//纵向刻度尺 { value:publicVariable,dom.byId("watch4") ); seTinterval(triggerBACkendData,2000); function triggerBACkendData(){ var value=GetRandomNum(0,100); watch1.set("value",value); watch1.refreshRendering(); watch2.set("value",value); watch2.refreshRendering(); watch3.set("value",value); watch3.refreshRendering(); watch4.set("value",value); watch4.refreshRendering(); }; }); function GetRandomNum(Min,MaX) { var Range = Max - Min; var Rand = Math.random(); return(Min + Math.round(Rand * RangE)); } </script> </head> <body> <div id="watch1" style="width:200px;height:200px" ></div><br /> <div id="watch2" style="width:200px;height:200px" ></div><br /> <div id="watch3" style="width:600px;height:50px; position: absolute; top: 50px; left: 500px;" ></div><br /> <div id="watch4" style="width:50px;height:600px; position: absolute; top: 10px; left: 300px;" ></div><br /> </body> </html>@H_944_6@大佬总结
以上是大佬教程为你收集整理的Dojo仪表盘全部内容,希望文章能够帮你解决Dojo仪表盘所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。