2013年7月18日
摘要: 折线图与曲线图可以显示随时间而变化的连续数据,因此非常适用于显示在相等时间间隔下数据的趋势。本文将结合Highcharts,生成一个城市气温变化折线图和一个随时间动态即时显示CPU走势的曲线图。如果您看了本站前面两篇关于Highcharts的文章,应该对Highcharts有所了解,所以本文侧重JS配置来完成图表的设计。如果您还不知道什么是Highcharts,请先阅读本站前面的文章。1、城市气温变化折线图通过以下配置,可以生成一个带网格的、显示数据点具体数据的、可放大的、去除LOGO标签的折线图。具体请看代码和注释varchart; $(function(){ chart=newHighch 阅读全文
posted @ 2013-07-18 16:24 Eleven_Niu 阅读(1088) 评论(1) 推荐(0) 编辑
摘要: 柱状图广泛应用于数据统计和分析,它是由一系列高度不等的纵向条纹表示数据分布的情况,能够直观的表示数据间的差异。柱状图可以是纵向和横向排列,本文讲解通过Highcharts生成一个年度财经支出统计图和一个男女比例分布图。1、年度财经支出统计图通过以下配置,可以生成一个柱状图与曲线图共存、双Y轴、X轴标签旋转(标签名称太长的情况)、XY轴均可放大的、去除LOGO信息的统计图表。具体请看代码和注释:varchart; $(function(){ chart=newHighcharts.Chart({ chart:{ renderTo:'chart_column',//图表放置的容器, 阅读全文
posted @ 2013-07-18 16:18 Eleven_Niu 阅读(732) 评论(0) 推荐(0) 编辑