一般项目中做统计功能的时候会用图表的的形式展示,我在项目中绘制图表使用的是HighCharts,官网API:HighCharts中文网 ,官网上呢,关于highcharts的使用方法讲的很详细,还有案例可以看。但是,大都是些静态数据,在这里主要总结下通过ajax动态取值展示数据的案例:
假设有这样一个场景:学校一个贴吧,有一个用户表,字段如下(随便说几个):loginTime(登录时间),userId(用户ID),outTime(退出时间)。 有这样一个需求:统计某一时间段
内用户登录(上网)数量。前台页面布局如下:
日历控件的代码就不粘贴了,用的是My97DatePicker ,需要用的可以去网上下载下js文件,然后查询下用法即可,下载链接日历控件js 然后页面上还需要提前设置好画布(其实就是折线图显示的地方),如下即可: