跳到主要內容區塊

選單

河川知識網-河川
:::

Facebook 社團

:::

網站地圖

:::河川基本資料

<div class="topic-area"> <div class="topic-subject"> <h3><span>河川長度</span></h3> </div> <div class="topic-content"><table border="0" cellpadding="0" cellspacing="0" style="width:224px;" width="224"> <tbody> <tr height="23"> <td height="23" style="width:97px;height:23px;">名稱</td> <td style="width:127px;">長度(公里)</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">蘭陽溪</td> <td style="width:127px;">73</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">鳳山溪</td> <td style="width:127px;">45.4</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">頭前溪</td> <td style="width:127px;">63</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">中港溪</td> <td style="width:127px;">54</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">後龍溪</td> <td style="width:127px;">58.3</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">大安溪</td> <td style="width:127px;">95.8</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">大甲溪</td> <td style="width:127px;">124.2</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">烏溪</td> <td style="width:127px;">119.1</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">濁水溪</td> <td style="width:127px;">186.6</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">北港溪</td> <td style="width:127px;">82</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">朴子溪</td> <td style="width:127px;">75.9</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">八掌溪</td> <td style="width:127px;">80.9</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">急水溪</td> <td style="width:127px;">65</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">曾文溪</td> <td style="width:127px;">138.5</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">鹽水溪</td> <td style="width:127px;">41.3</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">二仁溪</td> <td style="width:127px;">63.2</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">阿公店溪</td> <td style="width:127px;">38</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">高屏溪</td> <td style="width:127px;">171</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">東港溪</td> <td style="width:127px;">44</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">四重溪</td> <td style="width:127px;">31.9</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">卑南溪</td> <td style="width:127px;">84.4</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">秀姑巒溪</td> <td style="width:127px;">81.2</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">花蓮溪</td> <td style="width:127px;">57.3</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">和平溪</td> <td style="width:127px;">50.7</td> </tr> <tr height="23"> <td height="23" style="width:97px;height:23px;">淡水河</td> <td style="width:127px;">158.7</td> </tr> </tbody> <colgroup> <col /> <col /> </colgroup> </table> </div></div>
<div class="topic-area"> <div class="topic-subject"> <h3><span>河川長度(圖示)</span></h3> </div> <div class="topic-content"> <script> $(function(){ if(window.Highcharts) { Highcharts.setOptions(Highcharts.theme[6]); Highcharts.setOptions({lang: {thousandsSep: ","}}); HcConfig_Content_1_5_59 = {"chart":{"type":"bar"},"title":{"text":"長度"},"xAxis":{"categories":["蘭陽溪","鳳山溪","頭前溪","中港溪","後龍溪","大安溪","大甲溪","烏溪","濁水溪","北港溪","朴子溪","八掌溪","急水溪","曾文溪","鹽水溪","二仁溪","阿公店溪","高屏溪","東港溪","四重溪","卑南溪","秀姑巒溪","花蓮溪","和平溪","淡水河"],"crosshair":true,"min":null,"max":null},"yAxis":{"min":null,"max":null,"title":{"text":"長度"}},"tooltip":{"shared":false},"plotOptions":{"column":{"pointPadding":0.2,"borderWidth":0},"pie":{"cursor":"pointer","allowPointSelect":false,"showInLegend":false}},"series":[{"name":"長度(公里)","data":[73.0,45.4,63.0,54.0,58.3,95.8,124.2,119.1,186.6,82.0,75.9,80.9,65.0,138.5,41.3,63.2,38.0,171.0,44.0,31.9,84.4,81.2,57.3,50.7,158.7]}],"seriesline":[{"name":"長度(公里)","data":[73.0,45.4,63.0,54.0,58.3,95.8,124.2,119.1,186.6,82.0,75.9,80.9,65.0,138.5,41.3,63.2,38.0,171.0,44.0,31.9,84.4,81.2,57.3,50.7,158.7]}],"pieseries":[{"name":"蘭陽溪","data":[{"name":"長度(公里)","y":73.0}]},{"name":"鳳山溪","data":[{"name":"長度(公里)","y":45.4}]},{"name":"頭前溪","data":[{"name":"長度(公里)","y":63.0}]},{"name":"中港溪","data":[{"name":"長度(公里)","y":54.0}]},{"name":"後龍溪","data":[{"name":"長度(公里)","y":58.3}]},{"name":"大安溪","data":[{"name":"長度(公里)","y":95.8}]},{"name":"大甲溪","data":[{"name":"長度(公里)","y":124.2}]},{"name":"烏溪","data":[{"name":"長度(公里)","y":119.1}]},{"name":"濁水溪","data":[{"name":"長度(公里)","y":186.6}]},{"name":"北港溪","data":[{"name":"長度(公里)","y":82.0}]},{"name":"朴子溪","data":[{"name":"長度(公里)","y":75.9}]},{"name":"八掌溪","data":[{"name":"長度(公里)","y":80.9}]},{"name":"急水溪","data":[{"name":"長度(公里)","y":65.0}]},{"name":"曾文溪","data":[{"name":"長度(公里)","y":138.5}]},{"name":"鹽水溪","data":[{"name":"長度(公里)","y":41.3}]},{"name":"二仁溪","data":[{"name":"長度(公里)","y":63.2}]},{"name":"阿公店溪","data":[{"name":"長度(公里)","y":38.0}]},{"name":"高屏溪","data":[{"name":"長度(公里)","y":171.0}]},{"name":"東港溪","data":[{"name":"長度(公里)","y":44.0}]},{"name":"四重溪","data":[{"name":"長度(公里)","y":31.9}]},{"name":"卑南溪","data":[{"name":"長度(公里)","y":84.4}]},{"name":"秀姑巒溪","data":[{"name":"長度(公里)","y":81.2}]},{"name":"花蓮溪","data":[{"name":"長度(公里)","y":57.3}]},{"name":"和平溪","data":[{"name":"長度(公里)","y":50.7}]},{"name":"淡水河","data":[{"name":"長度(公里)","y":158.7}]}],"mapseries":[{"name":"長度(公里)","data":[],"joinBy":"hc-key","dataLabels":{"enabled":true,"format":"{point.name}"},"mapData":null}],"mapNavigation":{"enabled":true,"buttonOptions":{"verticalAlign":"top","align":"right","x":10.0}},"colorAxis":{"min":0.0,"maxColor":"#102D4C"},"mapFocusType":"0"}; HcConfig_Content_1_5_59.colorAxis = null; var chart = $("#Content_1_5_59_Chart_hc").highcharts(HcConfig_Content_1_5_59); ResetOptions(); Highcharts.setOptions({lang: {thousandsSep: ","}}); } }); </script> <div id="Content_1_5_59_Chart_hc"> </div> </div> </div>
<div class="topic-area"> <div class="topic-subject"> <h3><span>流域面積</span></h3> </div> <div class="topic-content"><table border="0" cellpadding="0" cellspacing="0" width="278"> <tbody> <tr height="22"> <td height="22" width="72">編號</td> <td width="72">水系別</td> <td width="134">流域面積</td> </tr> <tr height="22"> <td height="22">1</td> <td>蘭陽溪</td> <td align="right">978</td> </tr> <tr height="22"> <td height="22">2</td> <td>鳳山溪</td> <td align="right">250.1</td> </tr> <tr height="22"> <td height="22">3</td> <td>頭前溪</td> <td align="right">565.94</td> </tr> <tr height="22"> <td height="22">4</td> <td>中港溪</td> <td align="right">445.58</td> </tr> <tr height="22"> <td height="22">5</td> <td>後龍溪</td> <td align="right">536.59</td> </tr> <tr height="22"> <td height="22">6</td> <td>大安溪</td> <td align="right">758.47</td> </tr> <tr height="22"> <td height="22">7</td> <td>大甲溪</td> <td align="right">1235.73</td> </tr> <tr height="22"> <td height="22">8</td> <td>烏溪</td> <td align="right">2025.6</td> </tr> <tr height="22"> <td height="22">9</td> <td>濁水溪</td> <td align="right">3156.9</td> </tr> <tr height="22"> <td height="22">10</td> <td>北港溪</td> <td align="right">645.21</td> </tr> <tr height="22"> <td height="22">11</td> <td>朴子溪</td> <td align="right">426.6</td> </tr> <tr height="22"> <td height="22">12</td> <td>八掌溪</td> <td align="right">474.74</td> </tr> <tr height="22"> <td height="22">13</td> <td>急水溪</td> <td align="right">379</td> </tr> <tr height="22"> <td height="22">14</td> <td>曾文溪</td> <td align="right">1176.64</td> </tr> <tr height="22"> <td height="22">15</td> <td>鹽水溪</td> <td align="right">339.74</td> </tr> <tr height="22"> <td height="22">16</td> <td>二仁溪</td> <td align="right">339.2</td> </tr> <tr height="22"> <td height="22">17</td> <td>阿公店溪</td> <td align="right">137.07</td> </tr> <tr height="22"> <td height="22">18</td> <td>高屏溪</td> <td align="right">3256.85</td> </tr> <tr height="22"> <td height="22">19</td> <td>東港溪</td> <td align="right">472.2</td> </tr> <tr height="22"> <td height="22">20</td> <td>四重溪</td> <td align="right">124.88</td> </tr> <tr height="22"> <td height="22">21</td> <td>卑南溪</td> <td align="right">1603.21</td> </tr> <tr height="22"> <td height="22">22</td> <td>秀姑巒溪</td> <td align="right">1790.46</td> </tr> <tr height="22"> <td height="22">23</td> <td>花蓮溪</td> <td align="right">1507.09</td> </tr> <tr height="22"> <td height="22">24</td> <td>和平溪</td> <td align="right">561.6</td> </tr> <tr height="22"> <td height="22">25</td> <td>淡水河</td> <td align="right">2726</td> </tr> <tr height="22"> <td height="22">26</td> <td>磺溪</td> <td align="right">49.07</td> </tr> </tbody> </table> </div></div>
<div class="topic-area"> <div class="topic-subject"> <h3><span>流域面積(圖示)</span></h3> </div> <div class="topic-content"> <script> $(function(){ if(window.Highcharts) { Highcharts.setOptions(Highcharts.theme[8]); Highcharts.setOptions({lang: {thousandsSep: ","}}); HcConfig_Content_1_9_63 = {"chart":{"type":"pie"},"title":{"text":"流域面積(平方公里)"},"xAxis":{"categories":["978"],"crosshair":true,"min":null,"max":null},"yAxis":{"min":null,"max":null,"title":{"text":"流域面積(平方公里)"}},"tooltip":{"shared":false},"plotOptions":{"column":{"pointPadding":0.2,"borderWidth":0},"pie":{"cursor":"pointer","allowPointSelect":false,"showInLegend":false}},"series":[{"name":"鳳山溪","data":[250.1]},{"name":"頭前溪","data":[565.94]},{"name":"中港溪","data":[445.58]},{"name":"後龍溪","data":[536.59]},{"name":"大安溪","data":[758.47]},{"name":"大甲溪","data":[1235.73]},{"name":"烏溪","data":[2025.60]},{"name":"濁水溪","data":[3156.9]},{"name":"北港溪","data":[645.21]},{"name":"朴子溪","data":[426.6]},{"name":"八掌溪","data":[474.74]},{"name":"急水溪","data":[379.0]},{"name":"曾文溪","data":[1176.64]},{"name":"鹽水溪","data":[339.74]},{"name":"二仁溪","data":[339.2]},{"name":"阿公店溪","data":[137.07]},{"name":"高屏溪","data":[3256.85]},{"name":"東港溪","data":[472.2]},{"name":"四重溪","data":[124.88]},{"name":"卑南溪","data":[1603.21]},{"name":"秀姑巒溪","data":[1790.46]},{"name":"花蓮溪","data":[1507.09]},{"name":"和平溪","data":[561.6]},{"name":"淡水河","data":[2726.00]}],"seriesline":[{"name":"鳳山溪","data":[250.1]},{"name":"頭前溪","data":[565.94]},{"name":"中港溪","data":[445.58]},{"name":"後龍溪","data":[536.59]},{"name":"大安溪","data":[758.47]},{"name":"大甲溪","data":[1235.73]},{"name":"烏溪","data":[2025.60]},{"name":"濁水溪","data":[3156.9]},{"name":"北港溪","data":[645.21]},{"name":"朴子溪","data":[426.6]},{"name":"八掌溪","data":[474.74]},{"name":"急水溪","data":[379.0]},{"name":"曾文溪","data":[1176.64]},{"name":"鹽水溪","data":[339.74]},{"name":"二仁溪","data":[339.2]},{"name":"阿公店溪","data":[137.07]},{"name":"高屏溪","data":[3256.85]},{"name":"東港溪","data":[472.2]},{"name":"四重溪","data":[124.88]},{"name":"卑南溪","data":[1603.21]},{"name":"秀姑巒溪","data":[1790.46]},{"name":"花蓮溪","data":[1507.09]},{"name":"和平溪","data":[561.6]},{"name":"淡水河","data":[2726.00]}],"pieseries":[{"name":"978","data":[{"name":"鳳山溪","y":250.1},{"name":"頭前溪","y":565.94},{"name":"中港溪","y":445.58},{"name":"後龍溪","y":536.59},{"name":"大安溪","y":758.47},{"name":"大甲溪","y":1235.73},{"name":"烏溪","y":2025.60},{"name":"濁水溪","y":3156.9},{"name":"北港溪","y":645.21},{"name":"朴子溪","y":426.6},{"name":"八掌溪","y":474.74},{"name":"急水溪","y":379.0},{"name":"曾文溪","y":1176.64},{"name":"鹽水溪","y":339.74},{"name":"二仁溪","y":339.2},{"name":"阿公店溪","y":137.07},{"name":"高屏溪","y":3256.85},{"name":"東港溪","y":472.2},{"name":"四重溪","y":124.88},{"name":"卑南溪","y":1603.21},{"name":"秀姑巒溪","y":1790.46},{"name":"花蓮溪","y":1507.09},{"name":"和平溪","y":561.6},{"name":"淡水河","y":2726.00}]}],"mapseries":[{"name":"978","data":[],"joinBy":"hc-key","dataLabels":{"enabled":true,"format":"{point.name}"},"mapData":null}],"mapNavigation":{"enabled":true,"buttonOptions":{"verticalAlign":"top","align":"right","x":10.0}},"colorAxis":{"min":0.0,"maxColor":"#102D4C"},"mapFocusType":"0"}; HcConfig_Content_1_9_63.series = new Array() HcConfig_Content_1_9_63.series.push(HcConfig_Content_1_9_63.pieseries[0]) HcConfig_Content_1_9_63.colorAxis = null; var chart = $("#Content_1_9_63_Chart_hc").highcharts(HcConfig_Content_1_9_63); ResetOptions(); Highcharts.setOptions({lang: {thousandsSep: ","}}); } }); </script> <select id='ddlChangeHc_Content_1_9_63' class='ChangeHc'> <option selected='selected' value='0'>978</option> </select> <script> $(function(){ $("#ddlChangeHc_Content_1_9_63").change(function() { var HcConfig = $('#Content_1_9_63_Chart_hc').highcharts(); var Sel = $(this).val(); HcConfig.series[0].update({ name: HcConfig_Content_1_9_63.pieseries[Sel].name, data: HcConfig_Content_1_9_63.pieseries[Sel].data }); }); }); </script> <div id="Content_1_9_63_Chart_hc"> </div> </div> </div>
2018/02/02
2018/02/02
2018/02/02
2018/02/02
2018/02/02
2018/02/02
2018/02/02
2018/02/02
2018/02/02
2018/02/02
2018/02/02