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属性不赋值时,颜色会随机挑选,为了吻合系统整体的风格,在数据库配置了一套以绿色和灰色为主的颜色。
转载于:https://www.cnblogs.com/zhixin9001/p/7163822.html
MVC与单元测试实践之健身网站(八)-统计分析相关推荐
- MVC与单元测试实践之健身网站(三)-角色与权限
管理员的维护功能完成后,还有权限和角色,三者构成权限系统.这里采用的RBAC是最经典.最简单的一种,权限-角色-管理员只能层层传递,并不能直接为管理员分配权限. 一 权限.角色管理 a) 权限 之前编 ...
- 【组队学习】【26期】编程实践(Django网站开发)
编程实践(Django网站开发) 论坛版块: http://datawhale.club/c/team-learning/28-category/28 开源内容: https://github.com ...
- goland go test_Go单元测试实践一,快速上手
Go单元测试实践二,常见问题 Go单元测试实践三,代码风格 Go 单元测试实践四,集成到gitlabci 前段时间我在团队内推广了单测,为帮助同事快速上手,写了一些文档,这是第一篇, 如果你对单测,G ...
- ASP.NET MVC 最佳开发实践(1)
本文提供了一些代码设计准则,目标是帮助ASP.NET MVC 开发人员创建可靠的应用程序,当然,你可根据实际应用程序选择合适的标准.本文由EntLib.com 小组翻译,欢迎分享和交流ASP.NET ...
- Java单元测试实践-08.Stub、Replace、Suppress静态方法
Java单元测试实践-00.目录(9万多字文档+700多测试示例) https://blog.csdn.net/a82514921/article/details/107969340 1. Stub. ...
- Java单元测试实践-15.Stub、Replace、Suppress Spring的方法
Java单元测试实践-00.目录(9万多字文档+700多测试示例) https://blog.csdn.net/a82514921/article/details/107969340 1. Stub. ...
- Java单元测试实践-09.Mockito的Stub参数条件
Java单元测试实践-00.目录(9万多字文档+700多测试示例) https://blog.csdn.net/a82514921/article/details/107969340 1. Mocki ...
- Java单元测试实践-06.Mock后Stub静态方法
Java单元测试实践-00.目录(9万多字文档+700多测试示例) https://blog.csdn.net/a82514921/article/details/107969340 1. Mock后 ...
- Java单元测试实践-11.Mock后Stub Spring的@Component组件
Java单元测试实践-00.目录(9万多字文档+700多测试示例) https://blog.csdn.net/a82514921/article/details/107969340 1. Sprin ...
最新文章
- 吴恩达晒妻又晒车,顺便宣布了一个重大消息
- 一文看懂5G和AI融合的5个要点
- cygwin编译生成hello world_RISC-V 入门 Part4: 编译、链接、加载
- svn 分支上新增文件合并发生冲突_SVN的使用、分支合并及解决冲突详解
- 腾云驾雾的计算,让你蒙圈了么?
- 3dmax天光渲染设置_【扮家家云渲染效果图】3dmax测试全局照明效果|干货教程...
- 【2017年第4期】ISO/IEC JTC1/WG9大数据国际标准研究及对中国大数据标准化的影响...
- Hadoop 生态系列之 Mapreduce
- 页面自动刷新代码大全
- vue 递归组件多级_Vue 递归组件构建一个树形菜单
- 【重新挂载磁盘空间】Linux系统/home的磁盘空间重新挂载给/root
- VHDL 实现一位全加器以及 Quartus II 初探
- hbase权威指南-客户端API高级特性
- charset参数 sqluldr2_大数据导出工具sqluldr2
- 无线扩音器CE指令分析
- z世代消费力白皮书_谁在影响2.6亿年轻人的消费?Z世代消费力白皮书2019|企鹅智库...
- CSS提高图片清晰度
- 80 - 抓取豆瓣音乐排行榜
- 计算机学院早操规定,计算机学院早操动员大会顺利召开
- ⑴配置1-5_Telnet_Isolate_Vlan_Hybrid_MAC-Vlan
热门文章
- win10专业版关闭smartscreen
- k8s master节点参与调度(去除NoSchedule污点)
- kubesphere 3.0离线安装
- docker报错:OCI runtime create failed...process_linux.go:449: container init caused “write /proc/self/
- jvm调优:GC日志格式
- Python3 数字类型转换
- windows杀死指定端口号
- Java设计模式--使用内部类实现线程安全且懒加载的单例模式
- SQL 语句之insert语句插入数据:若表中有重复的主键或数据继续插入解决方案
- jQuery easyUI--弹窗的使用