​统计分析模块与之前的内容相对独立,用于记录并跟踪各部位围度的变化。还需提供对所作计划的分析,辅助使计划更合理。

一 围度记录

这儿可以记录各项身体围度指标,现在包括体重在内身体上上下下基本全部提供了,虽然貌似用处不大,所以这个界面并不做非空校验,但会有对输入格式的限制,必须是整数或一位小数。

二 围度变化

有了上一步记录的数据后,就可以基于这些数据,以图表的形式直观地反映围度的变化了。

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

转载于:https://www.cnblogs.com/zhixin9001/p/7163822.html

MVC与单元测试实践之健身网站(八)-统计分析相关推荐

  1. MVC与单元测试实践之健身网站(三)-角色与权限

    管理员的维护功能完成后,还有权限和角色,三者构成权限系统.这里采用的RBAC是最经典.最简单的一种,权限-角色-管理员只能层层传递,并不能直接为管理员分配权限. 一 权限.角色管理 a) 权限 之前编 ...

  2. 【组队学习】【26期】编程实践(Django网站开发)

    编程实践(Django网站开发) 论坛版块: http://datawhale.club/c/team-learning/28-category/28 开源内容: https://github.com ...

  3. goland go test_Go单元测试实践一,快速上手

    Go单元测试实践二,常见问题 Go单元测试实践三,代码风格 Go 单元测试实践四,集成到gitlabci 前段时间我在团队内推广了单测,为帮助同事快速上手,写了一些文档,这是第一篇, 如果你对单测,G ...

  4. ASP.NET MVC 最佳开发实践(1)

    本文提供了一些代码设计准则,目标是帮助ASP.NET MVC 开发人员创建可靠的应用程序,当然,你可根据实际应用程序选择合适的标准.本文由EntLib.com 小组翻译,欢迎分享和交流ASP.NET ...

  5. Java单元测试实践-08.Stub、Replace、Suppress静态方法

    Java单元测试实践-00.目录(9万多字文档+700多测试示例) https://blog.csdn.net/a82514921/article/details/107969340 1. Stub. ...

  6. Java单元测试实践-15.Stub、Replace、Suppress Spring的方法

    Java单元测试实践-00.目录(9万多字文档+700多测试示例) https://blog.csdn.net/a82514921/article/details/107969340 1. Stub. ...

  7. Java单元测试实践-09.Mockito的Stub参数条件

    Java单元测试实践-00.目录(9万多字文档+700多测试示例) https://blog.csdn.net/a82514921/article/details/107969340 1. Mocki ...

  8. Java单元测试实践-06.Mock后Stub静态方法

    Java单元测试实践-00.目录(9万多字文档+700多测试示例) https://blog.csdn.net/a82514921/article/details/107969340 1. Mock后 ...

  9. Java单元测试实践-11.Mock后Stub Spring的@Component组件

    Java单元测试实践-00.目录(9万多字文档+700多测试示例) https://blog.csdn.net/a82514921/article/details/107969340 1. Sprin ...

最新文章

  1. 吴恩达晒妻又晒车,顺便宣布了一个重大消息
  2. 一文看懂5G和AI融合的5个要点
  3. cygwin编译生成hello world_RISC-V 入门 Part4: 编译、链接、加载
  4. svn 分支上新增文件合并发生冲突_SVN的使用、分支合并及解决冲突详解
  5. 腾云驾雾的计算,让你蒙圈了么?
  6. 3dmax天光渲染设置_【扮家家云渲染效果图】3dmax测试全局照明效果|干货教程...
  7. 【2017年第4期】ISO/IEC JTC1/WG9大数据国际标准研究及对中国大数据标准化的影响...
  8. Hadoop 生态系列之 Mapreduce
  9. 页面自动刷新代码大全
  10. vue 递归组件多级_Vue 递归组件构建一个树形菜单
  11. 【重新挂载磁盘空间】Linux系统/home的磁盘空间重新挂载给/root
  12. VHDL 实现一位全加器以及 Quartus II 初探
  13. hbase权威指南-客户端API高级特性
  14. charset参数 sqluldr2_大数据导出工具sqluldr2
  15. 无线扩音器CE指令分析
  16. z世代消费力白皮书_谁在影响2.6亿年轻人的消费?Z世代消费力白皮书2019|企鹅智库...
  17. CSS提高图片清晰度
  18. 80 - 抓取豆瓣音乐排行榜
  19. 计算机学院早操规定,计算机学院早操动员大会顺利召开
  20. ⑴配置1-5_Telnet_Isolate_Vlan_Hybrid_MAC-Vlan

热门文章

  1. win10专业版关闭smartscreen
  2. k8s master节点参与调度(去除NoSchedule污点)
  3. kubesphere 3.0离线安装
  4. docker报错:OCI runtime create failed...process_linux.go:449: container init caused “write /proc/self/
  5. jvm调优:GC日志格式
  6. Python3 数字类型转换
  7. windows杀死指定端口号
  8. Java设计模式--使用内部类实现线程安全且懒加载的单例模式
  9. SQL 语句之insert语句插入数据:若表中有重复的主键或数据继续插入解决方案
  10. jQuery easyUI--弹窗的使用