EPD AQHI : Past 24-Hour Air Quality Summary

<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>EPD AQHI : Past 24-Hour Air Quality Summary</title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="keywords" content="Past 24-Hour Air Quality Summary" /> <meta name="description" content="Past 24-Hour Air Quality Summary" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="../favicon.png" /> <link rel="icon" href="../favicon.ico" /> <meta property="og:type" content="website" /> <meta property="og:image" content="" /> <link id="styleSheet0" href="../common/css/bootstrap.css" rel="stylesheet" media="screen" type="text/css"> <link id="styleSheet1" href="../common/css/bsplus.css" rel="stylesheet" media="all" type="text/css"> <link id="styleSheet2" href="../common/css/default.css" rel="stylesheet" media="screen" type="text/css"> <link id="styleSheet3" href="../common/css/layout.css" rel="stylesheet" media="all" type="text/css">    <style type="text/css"> </style> <script type="text/javascript" src="../common/js/jquery.min.js"></script> <script type="text/javascript" src="../common/js/jquery-ui.min.js"></script> <script type="text/javascript" src="../common/js/jquery.cookie.js"></script> <script type="text/javascript" src="../common/js/jquery.easing.js"></script> <script type="text/javascript" src="../js/data/forecast_aqhi.js"></script> <script type="text/javascript" src="../js/data/past_24_pollutant.js"></script> <script type="text/javascript" src="../js/data/aqhi_data.js"></script> <script type="text/javascript" src="../js/data/en_top_menu.js"></script> <script type="text/javascript" src="../js/data/tc_top_menu.js"></script> <script type="text/javascript" src="../js/data/sc_top_menu.js"></script> <script type="text/javascript" src="../js/data/section.js"></script> <script type="text/javascript" src="../common/js/arrdata.js"></script> <script type="text/javascript" src="../common/js/menu.js"></script> <script type="text/javascript"> var menu_id = '2'; var section_id = '0'; </script> <link rel="stylesheet" href="../common/css/flexslider.css" media="all" type="text/css"> </head> <body id="page_bg"> <div id="skipwrapper"><a id="top"></a><a id="skiptocontent" href="#mainContentSkip" class="access">Skip to content</a></div> <div id="wrap"> <div id="header" class="headerArea"><script>createHeader();</script></div> <div id="body" class="bodyArea"> <div class="mainbanner"></div> <div class="content_bg"> <div class="container"> <div class="subMenuFlex"> <script>pageTop();</script> <div class="contentArea"> <div class="mainHeader"></div> <div class="breadcrumb"></div> <a id="mainContentSkip"></a> <div id="mainContent" class="mainContent"> </div> </div> </div> </div> </div> <div class="mainArea mainArea1"> <div class="container"> <div class="area"> <div class="border"> <div class="myflex flexWrapM"> <div class="mySlider"> <div id="flexslider-main1" class="flexslider myflexslider1i"></div> </div> <div class="myCarousel" id="myCarousel-main1"></div> </div> </div> </div> </div> </div> <div class="mainArea mainArea2"> <div class="container"> <div class="area"> <div class="myheading">Past 24-Hour Air Quality Summary</div> <div class="filter input myflex flexCenter flexMiddle mySelectFlex"> <div id="mySelect-main1" class="mySelect"></div> <div id="btnGetChart" class="mybtn"><a href="#">Search</a></div> </div> <div class="border"> <div class="myflex flexWrapM"> <div class="data data1"> <div class="current"> <div id="risk_img" data-id="s0" class="value"></div> <div class="icon date stationNameDate"></div> </div> <div class="chart"> <div class="img-chart circle-chart"> <div id="a1t0s0" data-id="a1t0s0" class="img myChart"></div> </div> <div class="content"> <div class="title">AR Summary</div> <div class="value"></div> <div class="detail"> <div class="so2 myflex flexCenter flex11"> <div class="tit">SO<sub>2</sub></div> <div class="cont"></div> </div> <div class="no2 myflex flexCenter flex11"> <div class="tit">NO<sub>2</sub></div> <div class="cont"></div> </div> <div class="o3 myflex flexCenter flex11"> <div class="tit">O<sub>3</sub></div> <div class="cont"></div> </div> <div class="pm myflex flexCenter flex11"> <div class="tit">PM<sub>10</sub></div> <div class="cont"></div> </div> </div> </div> </div> <div class="remarkArea"> <div class="icon remark"><a href="#">Remarks</a></div> <div id="generalremark" class="detail"></div> </div> </div> <div id="data2" class="data data2"> </div> </div> </div> </div> </div> </div> <div class="mainArea mainArea3"> <div class="container"> <div class="area myDisplay displayActive1"> <div class="myheading"><span>Current Air Quality Summary by District</span></div> <div class="myDisplayTool"> <div class="display myflex flexRight flexLeftM"> <div class="icon icon-chart active"><a href="#">Chart</a></div> <div class="icon icon-table"><a href="#">List</a></div> </div> </div> <div class="border"> <div class="displayArea display1"> <div class="myflex flexWrapM"> <div class="taglist myflex flexWrap flexNoFit flexFit decktopSelector"> <div class="active"><a href="#"><span class="tit">AQHI</span></a></div> <div><a href="#"><span class="tit">NO<sub>2</sub></span></a></div> <div><a href="#"><span class="tit">O<sub>3</sub></span></a></div> <div><a href="#"><span class="tit">SO<sub>2</sub></span></a></div> <div><a href="#"><span class="tit">CO</span></a></div> <div><a href="#"><span class="tit">PM<sub>10</sub></span></a></div> <div><a href="#"><span class="tit">PM<sub>2.5</sub></span></a></div> </div> <div class="mobSelector myflex flexCenter"> <label for="ma3select1" class="access">Air Pollutants</label> <select id="ma3select1"> <option value="0" selected>AQHI</option> <option value="1">NO2</option> <option value="2">O3</option> <option value="3">SO2</option> <option value="4">CO</option> <option value="5">PM10</option> <option value="6">PM2.5</option> </select> <div class="mybtn"><a href="#">Search</a></div> </div> <div class="myPages onlyPage"> <div class="page active"> <div class="map"> <div class="border-map"> <div class="bg"></div> <div class="station"> <div class="s-l l-0 s-general a-center a-top n-left n-middle"> <a href="#" class="location" aria-label="Central Western General Station"> <div class="aqhi"></div> <div class="title"></div> </a> <div class="detail"> <div class="title"></div> <div id="a3t0s0" data-id="a3t0s0" class="chart myChart area3_lineChart"> </div> </div> </div> <div class="s-l l-1 s-general a-center a-top n-left n-bottom"> <a href="#" class="location" aria-label="Southern General Station"> <div class="aqhi"></div> <div class="title"></div> </a> <div class="detail"> <div class="title"></div> <div id="a3t0s1" data-id="a3t0s1" class="chart myChart area3_lineChart"> </div> </div> </div> <div class="s-l l-2 s-general a-center a-top n-right n-middle"> <a href="#" class="location" aria-label="Eastern General Station"> <div class="aqhi"></div> <div class="title"></div> </a> <div class="detail"> <div class="title"></div> <div id="a3t0s2" data-id="a3t0s2" class="chart myChart area3_lineChart"> </div> </div> </div> <div class="s-l l-3 s-general a-center a-top n-right n-bottom"> <a href="#" class="location" aria-label="Kwun Tong General Station"> <div class="aqhi"></div> <div class="title"></div> </a> <div class="detail"> <div class="title"></div> <div id="a3t0s3" data-id="a3t0s3" class="chart myChart area3_lineChart"> </div> </div> </div> <div class="s-l l-4 s-general a-center a-top n-left n-middle"> <a href="#" class="location" aria-label="Sham Shui Po General Station"> <div class="aqhi"></div> <div class="title"></div> </a> <div class="detail"> <div class="title"></div> <div id="a3t0s4" data-id="a3t0s4" class="chart myChart area3_lineChart"> </div> </div> </div> <div class="s-l l-5 s-general a-center a-top n-right n-middle"> <a href="#" class="location" aria-label="Kwai Chung General Station"> <div class="aqhi"></div> <div class="title"></div> </a> <div class="detail"> <div class="title"></div> <div id="a3t0s5" data-id="a3t0s5" class="chart myChart area3_lineChart"> </div> </div> </div> <div class="s-l l-6 s-general a-center a-bottom n-left n-middle"> <a href="#" class="location" aria-label="Tsuen Wan General Station"> <div class="aqhi"></div> <div class="title"></div> </a> <div class="detail"> <div class="title"></div> <div id="a3t0s6" data-id="a3t0s6" class="chart myChart area3_lineChart"> </div> </div> </div> <div class="s-l l-7 s-general a-center a-top n-center n-top"> <a href="#" class="location" aria-label="Tseung Kwan O General Station"> <div class="aqhi"></div> <div class="title"></div> </a> <div class="detail"> <div class="title"></div> <div id="a3t0s7" data-id="a3t0s7" class="chart myChart area3_lineChart"> </div> </div> </div> <div class="s-l l-8 s-general a-center a-bottom n-right n-middle"> <a href="#" class="location" aria-label="Yuen Long General Station"> <div class="aqhi"></div> <div class="title"></div> </a> <div class="detail"> <div class="title"></div> <div id="a3t0s8" data-id="a3t0s8" class="chart myChart area3_lineChart"> </div> </div> </div> <div class="s-l l-9 s-general a-center a-bottom n-left n-bottom"> <a href="#" class="location" aria-label="Tuen Mun General Station"> <div class="aqhi"></div> <div class="title"></div> </a> <div class="detail"> <div class="title"></div> <div id="a3t0s9" data-id="a3t0s9" class="chart myChart area3_lineChart"> </div> </div> </div> <div class="s-l l-10 s-general a-center a-top n-center n-bottom"> <a href="#" class="location" aria-label="Tung Chung General Station"> <div class="aqhi"></div> <div class="title"></div> </a> <div class="detail"> <div class="title"></div> <div id="a3t0s10" data-id="a3t0s10" class="chart myChart area3_lineChart"></div> </div> </div> <div class="s-l l-11 s-general a-center a-bottom n-left n-bottom"> <a href="#" class="location" aria-label="Tai Po General Station"> <div class="aqhi"></div> <div class="title"></div> </a> <div class="detail"> <div class="title"></div> <div id="a3t0s11" data-id="a3t0s11" class="chart myChart area3_lineChart"></div> </div> </div> <div class="s-l l-12 s-general a-center a-bottom n-right n-middle"> <a href="#" class="location" aria-label="Sha Tin General Station"> <div class="aqhi"></div> <div class="title"></div> </a> <div class="detail"> <div class="title"></div> <div id="a3t0s12" data-id="a3t0s12" class="chart myChart area3_lineChart"></div> </div> </div> <div class="s-l l-13 s-general a-center a-bottom n-left n-bottom"> <a href="#" class="location" aria-label="North General Station"> <div class="aqhi"></div> <div class="title"></div> </a> <div class="detail"> <div class="title"></div> <div id="a3t0s13" data-id="a3t0s13" class="chart myChart area3_lineChart"></div> </div> </div> <div class="s-l l-14 s-general a-center a-bottom n-left n-bottom"> <a href="#" class="location" aria-label="Tap Mun General Station"> <div class="aqhi"></div> <div class="title"></div> </a> <div class="detail"> <div class="title"></div> <div id="a3t0s14" data-id="a3t0s14" class="chart myChart area3_lineChart"></div> </div> </div> <div class="s-l l-15 s-roadside a-center a-top n-right n-bottom"> <a href="#" class="location" aria-label="Causeway Bay Roadside Station"> <div class="aqhi"></div> <div class="title"></div> </a> <div class="detail"> <div class="title"></div> <div id="a3t0s15" data-id="a3t0s15" class="chart myChart area3_lineChart"></div> </div> </div> <div class="s-l l-16 s-roadside a-center a-top n-center n-top"> <a href="#" class="location" aria-label="Central Roadside Station"> <div class="aqhi"></div> <div class="title"></div> </a> <div class="detail"> <div class="title"></div> <div id="a3t0s16" data-id="a3t0s16" class="chart myChart area3_lineChart"></div> </div> </div> <div class="s-l l-17 s-roadside a-center a-top n-right n-top"> <a href="#" class="location" aria-label="Mong Kok Roadside Station"> <div class="aqhi"></div> <div class="title"></div> </a> <div class="detail"> <div class="title"></div> <div id="a3t0s17" data-id="a3t0s17" class="chart myChart area3_lineChart"></div> </div> </div> </div> </div> </div> <div class="note myflex flexBetween flexMiddle flexWrapM"> <div class="myflex station flexWrapM"> <div class="general">General Station</div> <div class="roadside">Roadside Station</div> <div class="suspend">Suspended</div> </div> <div class="legend myflex flexMiddle flexWrapM"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> </div> </div> </div> <div class="remarkArea remarkArea_none"> <div class="icon remark"><a href="#">Remarks</a></div> <div id="mainArea3_remark" class="detail"></div> </div> </div> <div class="displayArea display2"> <div class="dataTable"> <div class="myTimeInTable"></div> <div class="myBorder desk"> <div class="myTable tableStyle1 myCurrentDistribution tgTable"></div> </div> <div class="myBorder mob"> <div class="myTable tableStyle1 myCurrentDistribution"></div> </div> </div> </div> </div> </div> </div> </div> <script>pageBottom();</script> <script>var last_revision_date = '31 October 2024';</script> </div> <div id="footer" class="footerArea"><script>createFooter();</script></div> </div> </body> </html>

CINXE.COM

EPD AQHI : Past 24-Hour Air Quality Summary