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属性不赋值时，颜色会随机挑选，为了吻合系统总体的风格，在数据库配置了一套以绿色和灰色为主的颜色。