Dropbox Paper

LASS Field Try 1 之即時PM2.5資訊儀表板介面

前情提要

準備步驟

在出現的網頁中，首先於 Name 欄位輸入 "PM2.5 量測 @ XXX（YYYZZZ）"，其中XXX為您的裝設地點的簡稱，YYY為縣市名稱，ZZZ為鄉鎮區名稱

在 HTML 欄位中輸入下列內容，其中 <title></title> 中的 YYY為縣市名稱，ZZZ為鄉鎮區名稱；內文中地點後方的XXX為您的裝設地點的簡稱，YYY為縣市名稱，ZZZ為鄉鎮區名稱

<html>

<head>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript" src="//thingspeak.com/highcharts-3.0.8.js"></script>

<script type="text/javascript" src="//thingspeak.com/exporting.js"></script>

<title>PM2.5 即時資訊 @ YYYZZZ</title>

%%PLUGIN_CSS%%

%%PLUGIN_JAVASCRIPT%%

</head>

<body>

<center>

<h1>PM2.5 即時資訊：XXX（YYYZZZ）</h1>

<font size="+2">

時間：<span id="lastupdate"> </span><br>

溫度：</b><span id="temperature"></span>℃；濕度：</b><span id="humidity"></span>%

</font>

</center>

<center>

<table border=0 width=800><tr>

<td width=450>

<div id="inner">

<div id="gauge_div"></div>

</div>

</td>

<td width=350>

<ul>

<li><b>針對一般民眾的活動建議：</b><span id="suggestion1"></span></li>

<li><b>針對敏感性族群的活動建議：</b><span id="suggestion2"></span></li>