MVC與單元測試實踐之健身網站(八)-統計分析

​統計分析模塊與以前的內容相對獨立，用於記錄並跟蹤各部位圍度的變化。還需提供對所做計劃的分析，輔助使計劃更合理。

 

一 圍度記錄

這兒能夠記錄各項身體圍度指標，如今包括體重在內身體上上下下基本所有提供了，雖然貌似用處不大，因此這個界面並不作非空校驗，但會有對輸入格式的限制，必須是整數或一位小數。

 

二 圍度變化

有了上一步記錄的數據後，就能夠基於這些數據，以圖表的形式直觀地反映圍度的變化了。

a) 模板提供了各類圖表插件，最後選擇了flotchart，需求比較基礎，徹底能夠知足。用起來也挺方便：

放置一個相似這樣的div塊，而後用js來初始化，$.plot()中提供數據和顯示選項，發現像js這樣的動態語言用起來挺爽的，寫起來很方便，有時也挺符合直覺的。

b) 在barOptions對象中，設置lines.fill爲false，能夠避免座標軸從0開始；設置points.show爲true能夠在折線上顯示數據點。還有關於日期的顯示，要求橫座標爲日期距1970/1/1的毫秒數。而後在x軸上指定格式化方法就能夠顯示日期了：

c) 這個頁面包含8個頁籤、8張折線圖，不但願在加載頁面時一次性加載這些數據，作成了點擊某個頁籤時動態獲取數據的方式，想來應該更進一步，只有第一次激活時才請求後臺。

三 計劃分析

計劃分析提供兩個角度，局部訓練vs.綜合訓練二者的比例，7個肌羣的動做各自所佔的比例，這能夠反映一些問題，輔助將計劃調整到更合理。

描述比例的話，用餅狀圖比較合適。一樣使用flot chart提供的餅狀圖，用法與折線圖相似，但數據源的結構有區別，折線圖爲二維數組，餅狀圖爲包含了數據單元的一維數組。

color屬性不賦值時，顏色會隨機挑選，爲了吻合系統總體的風格，在數據庫配置了一套以綠色和灰色爲主的顏色。