統計資訊

匯出統計資訊

本項目主要說明匯出「統計資訊」之做法，其做法依序為：

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

   Map.drawMap(function (result){

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

2.     以html語法組成表格，從result.statInfo[0]屬性中將所需之統計資訊項寫入

           var txts = '';   

           txts ='<table style="width:100%; border: 1px solid black; border-collapse: collapse;" border="1">';

                       //建立表格, 作為承接所有分級資訊使用

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

                           欄位名稱</td><td align="center" style="width: 150px;">學生數</td></tr>'

                           //設定欄位標題

                txts += '<tr style="height: 35px;" align="center"><td>平均 </td><td>' + result.statInfo[0].fields[0].avg.toFixed(0) +

                '</td></tr>'+ '<tr style="height: 35px;" align="center"><td>資料數 </td><td>' + result.statInfo[0].fields[0].count.toFixed(0) +

                '</td></tr>'+ '<tr style="height: 35px;" align="center"><td>最大值 </td><td>' + result.statInfo[0].fields[0].max.toFixed(0) +

                '</td></tr>'+ '<tr style="height: 35px;" align="center"><td>最小值 </td><td>' + result.statInfo[0].fields[0].min.toFixed(0) +

                '</td></tr>'+ '<tr style="height: 35px;" align="center"><td>標準差 </td><td>' + result.statInfo[0].fields[0].sDev.toFixed(2) +

                '</td></tr>'+'<tr style="height: 35px;" align="center"><td>變異數 </td><td>' + result.statInfo[0].fields[0].variance.toFixed(2); +

                '</td></tr>'

                //從result.statInfo[0]屬性中取出各個統計資訊, 包含平均, 資料數, 最大值, 最小值, 標準差, 變異數

                txts+= '</table>'

3.     將獲得資訊寫入div中

                document.getElementById("statView").innerHTML = txts;              //在div "statView"中寫出所有統計資訊

  });