如今,基于 Timecard 数据来一点儿数据分析。php
对于 Timecard,分析下面 2 个方面:数据结构
对于第一种分析,选择饼图比较合适。由于是针对每一个项目的,因此,还要提供一个选择项目的选项。好比下面这样:app
从设计图能够看出来,咱们须要一个下面这样的数据结构:工具
对于第二种分析,选择层叠柱图比较合适,可以看出数据的变化趋势,同时又反应各个项目之间的资源使用分布。好比下面这样:设计
在网页上面显示图表,目前最好用的是 Highcharts。这个工具一直在升级维护,商用版价格合理。视频
应用也很是简单,在 Highcharts Demo 上面能够找到各类图形的示例,只要替换其中的数据便可。blog
作好之后,就是下面这个样子了:资源
最后是演示视频:get