在北京工作的过程中用到了gauge.js这个插件，它主要是用作仪表盘的展示，在我们的项目中有一个页面是监测屋内温度和湿度的变化，用到了这个插件，需求是从数据库中查出来有几个屋子，然后动态的显示每个屋的温湿度情况。
先说一下思路，首先在页面上写死，完成一个屋子的排版，并抽出css，然后在js中拿到数据，循环拼接页面，搞定，直接上代码~
html：
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>实时数据</title>
<link rel="stylesheet" href="/Content/easyui.css">
<link rel="stylesheet" href="/Content/icon.css">
<link href="/Content/EnvironmentMonitor/EnvironMonitor_RealTime.css" rel="stylesheet" />
<script type="text/javascript" src="/Scripts/jquery.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/Scripts/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="/Scripts/EnvironmentalMonitoring/RealTimeData/gauge.js"></script
版权声明：本文为cd18333612683原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。