統計值

匯出統計值

本項目主要說明匯出「統計值」之做法，可將統計資料以陣列方式輸出。
其做法依序為：

1.     繪製統計圖表，且其Function callback (result)包含繪製結果，並建立一div放置資訊

      Map.drawMap(function (result){

           var statView = document.getElementById("statView");

2.     設計迴圈以取得所有統計值資訊。根據規格書內容，其function(result)是由string code,
string name, number value, int classes 等參數建立而成statData

           var txt ='<table style="width:100%; border: 1px solid black; border-collapse: collapse;" border="1">';                                          //建立表格, 作為承接所有統計值資訊使用

           txt += '<tr  style="font-weight: bold; height: 40px;"><td align="center" style="width: 80px;">縣市</td>

           <td td align="center" style="width: 100px;">學生數</td><td align="center" style="width: 70px;">

           分類等級</td></tr>'                                     //設定欄位標題

           var ttt;                                                     //宣告一個變數, 準備於迴圈中個別承接統計值資訊

           //使用result.statData[0].tableData[0].timeData的長度作為迴圈長度, 個別取得所有統計值資訊

           for (var i = 0; i < result.statData[0].tableData[0].timeData.length; i++) {

                   ttt = result.statData[0].tableData[0].timeData[i]                                //逐項取得統計值

3.     以html語法組成字串，將所需之資訊項寫入

                        txt += '<tr style="height: 25px;" align="center"><td>';

                        txt += ttt.name + ' </td><td>' + ttt.value[0].value + ttt.value[0].unit + '</td><td>'

 + ttt.classes + '</td>';

                        txt += '</td></tr>';

                }       //取得統計值資訊中的各個屬性, 包含統計單元名稱, 統計值, 統計單位, 分級, 之後組成表格

                txt += '</table>'; 

4.     將獲得資訊寫入div中

           document.getElementById("statView").innerHTML = txts;     

//在div "statView"中寫出所有統計值

        });