highCharts动态取值之单折线图

     一般项目中做统计功能的时候会用图表的的形式展示,我在项目中绘制图表使用的是HighCharts,官网API:HighCharts中文网  ,官网上呢,关于highcharts的使用方法讲的很详细,还有案例可以看。但是,大都是些静态数据,在这里主要总结下通过ajax动态取值展示数据的案例:

      假设有这样一个场景:学校一个贴吧,有一个用户表,字段如下(随便说几个):loginTime(登录时间),userId(用户ID),outTime(退出时间)。 有这样一个需求:统计某一时间段

内用户登录(上网)数量。前台页面布局如下:

日历控件的代码就不粘贴了,用的是My97DatePicker ,需要用的可以去网上下载下js文件,然后查询下用法即可,下载链接日历控件js  然后页面上还需要提前设置好画布(其实就是折线图显示的地方),如下即可:


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值