生活随笔
收集整理的這篇文章主要介紹了
Dojo仪表板
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
Dojo它提供了一個(gè)良好的儀表板顯示器，的影響，如以下：
<!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,animationDuration:1000},dom.byId("watch3"));var watch4 = new VerticalLinearGauge(//縱向刻度尺{value:publicVariable,animationDuration:1000},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>
版權(quán)聲明：本文博客原創(chuàng)文章。博客，未經(jīng)同意，不得轉(zhuǎn)載。
轉(zhuǎn)載于:https://www.cnblogs.com/mengfanrong/p/4661131.html
總結(jié)
以上是生活随笔為你收集整理的Dojo仪表板的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。
