使用Highcharts实现柱状图、饼状图、曲线图三图合一

使用Highcharts实现柱状图、饼状图、曲线图三图合一

2012年02月12日作者:月光光标签:Highcharts  统计图表 

在数据统计和分析业务中,有时会遇到客户需要在一个图表中将柱状图、饼状图、曲线图的都体现出来,即可以从柱状图中看出具体数据、又能从曲线图中看出变化趋势,还能从饼状图中看出各部分数据比重。Highcharts可以轻松实现三图合一的效果。阅读全文

使用Highcharts结合PHP与Mysql生成饼状图

使用Highcharts结合PHP与Mysql生成饼状图

2012年01月30日作者:月光光标签:Highcharts  PHP  JSON  统计图表 

我们在做复杂的数据统计功能时会用到饼状图,饼状图用整个圆表示总体的数量或整体值1,用圆内各个扇形的大小表示各部分数量或该部分占总体的百分比,它可以清晰直观的表示各部分之间以及各部分与整体之间的数量关系。阅读全文

使用Highcharts生成柱状图

使用Highcharts生成柱状图

2012年01月20日作者:月光光标签:Highcharts  统计图表 

柱状图广泛应用于数据统计和分析,它是由一系列高度不等的纵向条纹表示数据分布的情况,能够直观的表示数据间的差异。柱状图可以是纵向和横向排列,本文讲解通过Highcharts生成一个年度财经支出统计图和一个男女比例分布图。阅读全文

使用Highcharts生成折线图与曲线图

使用Highcharts生成折线图与曲线图

2012年01月18日作者:月光光标签:Highcharts  统计图表 

折线图与曲线图可以显示随时间而变化的连续数据,因此非常适用于显示在相等时间间隔下数据的趋势。本文将结合Highcharts,生成一个城市气温变化折线图和一个随时间动态即时显示CPU走势的曲线图。阅读全文

Highcharts选项配置详细说明文档

Highcharts选项配置详细说明文档

2012年01月16日作者:月光光标签:Highcharts  统计图表 

Highcharts提供大量的选项配置参数,您可以轻松定制符合用户要求的图表,目前官网只提供英文版的开发配置说明文档,而中文版的文档网上甚少,且零散不全。这里,我把Highcharts常用的最核心的参数选项配置整理成文档,与大家分享。阅读全文

Highcharts-功能强大的图表库的应用

Highcharts-功能强大的图表库的应用

2012年01月14日作者:月光光标签:Highcharts  统计图表 

Highcharts是一款功能非常强大的纯javascript类库,它主要为您的WEB应用提供丰富漂亮且可互动的图表。目前,Highcharts支持图表类型有折线图,曲线图、区域图、区域曲线图、柱状图、饼状图、散布图。阅读全文

Flowplayer-一款免费的WEB视频播放器

Flowplayer-一款免费的WEB视频播放器

2012年01月08日作者:月光光标签:网页播放器 

Flowplayer 是一个开源(GPL 3的)WEB视频播放器。您可以将该播放器嵌入您的网页中,如果您是开发人员,您还可以自由定制和配置播放器相关参数以达到您要的播放效果。本文主要介绍Flowplayer的使用。阅读全文

Ajax应用:使用jQuery和PHP实现功能开关效果

Ajax应用:使用jQuery和PHP实现功能开关效果

2012年01月05日作者:月光光标签:jQuery  PHP  Ajax 

在开发项目中,我们会经常碰到需要及时开启某项功能的情况,通过Ajax实现实时开启和关闭功能,无疑增强了用户体验。本文以360安全卫士的木马防火墙开关为背景,使用PHP、jquery、MYSQL实现了及时开启和关闭产品功能的WEB应用。阅读全文

滚屏加载--无刷新动态加载数据技术的应用

滚屏加载--无刷新动态加载数据技术的应用

2011年12月24日作者:月光光标签:jQuery  Ajax  JSON  PHP 

我们浏览有些网页的时候,当拉动浏览器的滚动条时到页底时,页面会继续自动加载更多内容供用户浏览。这种技术我暂且称它为滚屏加载技术。我们发现很多网站用到这种技术,必应图片搜索、新浪微博、QQ空间等将该技术应用得淋漓尽致。阅读全文

图片延迟加载技术-Lazyload的应用

图片延迟加载技术-Lazyload的应用

2011年12月09日作者:月光光标签:jQuery 

我们在浏览图片量非常大的页面时,像淘宝商城商品展示、必应图片搜索这类网站,图片的加载非常流畅,其中就应用了图片延迟加载技术。本文讲解Lazyload图片加载插件,当我们打开页面时,首先在屏幕可视区域加载完图片,随着向下滚动页面,图片会陆续加载,从而提升了页面打开速度。阅读全文