使用Highcharts生成简略图

原创 2015年07月07日 16:56:28
使用Highcharts生成简略图当数据列包含的节点非常多,会造成浏览器花费大量的时间渲染图表。这个时候,用户可以采用下采样的方式,从原有数据列抽取部分数据来生成较为粗略的图表。这样的图表可以看作原有数据的简略图。第三方插件HIGHCHARTS-DOWNSAMPLE可以完美的实现该功能,用户可以控制简略图所包含的节点数量。

下面是5000个节点的数据列生成的图:


5000个节点的图


将这个图简化为500个节点的图:



500个节点的图


500个节点的图这两个图基本是看不出差别的。但是第二个图数据处理量只有前面图的十分之一。


PS:该实例已经加入《网页图表Highcharts实践教程图表篇v1.2.1》中了。
版权声明:本文为博主原创文章,未经博主允许不得转载。

关于在windows,利用java语言,phantomJS,highcharts实现服务器端自动生成图表

相关文章 http://www.highcharts.com/articles/2-news/52-serverside-generated-charts#post-param http://www....
  • molong421
  • molong421
  • 2015年11月11日 17:10
  • 1794

Highcharts ajax获取json对象动态生成报表生成 .

http://blog.csdn.net/wsk7860/article/details/8751061
  • Baple
  • Baple
  • 2014年11月11日 16:23
  • 14034

python 通过phantomjs 调用highcharts 生成图片 雷达图,柱状图

1, 环境 CentOS6.4,python2.7 2, 下载编译phantomjs,下载地址 https://bitbucket.org/ariya/phantomjs/download...
  • zhaoyingm
  • zhaoyingm
  • 2015年06月09日 12:20
  • 3291

Java通过HighCharts导出图表

Highcharts是一款优秀的图表图形工具,zhi
  • zwx19921215
  • zwx19921215
  • 2014年06月25日 16:24
  • 16870

Hightchart 实现 polar 雷达图

需要多引入一个highchart-more.js 推荐一个在线编辑的网站:http://code.hcharts.cn/demos/hhhhig $(function () { ...
  • z69183787
  • z69183787
  • 2015年08月22日 21:36
  • 5368

在Java中使用Highcharts+Ajax+Json生成动态饼图

1.由于HighCharts运行于JQuery,所以需要引入jQuery。JQuery HighCharts核心js文件Highcharts 导出功能需要引入的js导出功能 完整文件Hig...
  • TMaskBoy
  • TMaskBoy
  • 2016年05月31日 22:03
  • 5245

新手学HighCharts(一)----基本使用

HighCharts简介    最近做的项目需要用到数据分析,图表显示,之前做项目的时候用到过highcharts,不过也只是简单的会用而已,然后再网上查了查highcharts的优点: High...
  • u010853701
  • u010853701
  • 2015年12月30日 17:38
  • 2283

JQuery_HighCharts生成图形报表_饼状图(模仿后台传送数据 JSON格式)

这几天博主做了个需求,需要将图形统计的数据以报表的形式显示出来: HighChart 功能: Highcharts 云服务提供简单便捷的方法生成可视化图表,用户不再需要编程基础,只需要复制数据即...
  • u010003835
  • u010003835
  • 2016年03月18日 15:50
  • 2617

highcharts动态获取数据生成柱状图

   使用Highcharts控件实现柱状图,前端显示主要使用Highchartst图表库,后端使用SpringMVC框架从数据库获取数据,前后端数据交互采用Json数据格式,由于篇幅问题数据...
  • u011886798
  • u011886798
  • 2014年07月15日 14:32
  • 3565

highcharts 图表插件与Struts2结合应用,用图表直观展现后台数据分析结果

Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。HighCh...
  • u012373405
  • u012373405
  • 2016年05月01日 09:36
  • 1391
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用Highcharts生成简略图
举报原因:
原因补充:

(最多只允许输入30个字)