- 浏览: 669218 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (233)
- mysql (20)
- tomcat (17)
- log4j (4)
- jdbc (2)
- hibernate (7)
- highcharts (10)
- java (27)
- bat (5)
- html (18)
- xampp (6)
- apache (9)
- Spring (3)
- windows (13)
- js (38)
- jquery (10)
- struts (20)
- json (1)
- css (7)
- 浏览器 (5)
- ASCII码表 (1)
- svn (3)
- 正则表达式 (3)
- vb (1)
- jsp (4)
- xml (2)
- C语言 (1)
- dll (1)
- 数据库 (8)
- 随便写 (19)
- WebService (1)
- Linux (1)
- 云计算 (2)
- HTTP (2)
- 音楽 (1)
- eclipse (2)
- JFreeChart (1)
- jnative (1)
- ant (1)
- WordPress (1)
- JavaEE (1)
- tag (1)
- ognl (1)
- 设计模式 (3)
- sql (2)
- office (5)
- 软件 (6)
- 健身 (18)
- php (2)
- 读书 (4)
- 管理 (1)
- sublime text (2)
- angularJS (1)
最新评论
-
资深菜鸟程序员:
正解 当中,你是最早的,你转载的那篇已经消失了,所以你就是最吊 ...
程序包com.sun.image.codec.jpeg不存在 -
jun1022509040:
http://download.csdn.net/detail ...
C3P0错误APPARENT DEADLOCK!!!解决 -
alafighting:
厉害!膜拜了~
程序包com.sun.image.codec.jpeg不存在 -
darrenzhong:
c3p0 报错APPARENT DEADLOCK!!! 解决方 ...
C3P0错误APPARENT DEADLOCK!!!解决 -
tslihejun:
谢谢,解决了我的问题。
highcharts 大量数据下y轴值精度丢失的解决
使用了定时ajax刷新,趋势图不停的刷新,在chrome中没有问题,但在ie中内存的使用不断增加.
无意中看到了hightcharts网站上有一个内存泄露的测试,测试了一下发现ie的内存使用得到了很大改善.
http://www.highcharts.com/tests/?file=memory-chart-destroy
总结:
// 绘制趋势图
chart = new Highcharts.Chart({
hightcharts的每次绘制,返回的chart对象保存的数据占用的内存不会自动释放,除非刷新整个页面,所以在重新绘制图形前先把chart清除掉。
我的例子:
你好,因为在我的程序中一次Ajax请求回来后会绘制多个chart,所以声明了一个全局的数组charts(如下所示)
工作流程:
1.页面发送Ajax请求
2.Ajax请求回来后:
a.清空charts数组(释放内存)
b.绘制图表,同时把新产生的chart放进charts数组
就是说每次Ajax请求返回后首先清空全局变量charts,然后再绘制,不知道是否解释明白了,希望对你有帮助。
无意中看到了hightcharts网站上有一个内存泄露的测试,测试了一下发现ie的内存使用得到了很大改善.
http://www.highcharts.com/tests/?file=memory-chart-destroy
总结:
// 绘制趋势图
chart = new Highcharts.Chart({
hightcharts的每次绘制,返回的chart对象保存的数据占用的内存不会自动释放,除非刷新整个页面,所以在重新绘制图形前先把chart清除掉。
我的例子:
//发送异步请求,对返回的数据进行处理 $.get('getDyWaveDataAjax.action?deviceId=' + deviceId, function(data, text){ // charts是每次绘图的返回对象组成的数组,把它清除掉 $.each(charts, function(idx,item){ item && item.destroy(); item = null; }); charts = null; charts = new Array(); $("#mainContent").html(data); });
评论
4 楼
chenshijie
2014-08-04
其实highcharts有一个全局的变量highcharts.charts
3 楼
chenshijie
2014-08-04
d
2 楼
tjmljw
2012-06-14
qingchenyuji 写道
博主能说的详细点吗?我用的是jquery+Ajax,直接把chart = new Highcharts.Chart({ })封装成一个新的函数,供异步刷新时调用。您是清除的chart中的数据(charts),还是直接把chart清除掉?代码看的不太明白,望不吝赐教。谢谢!
你好,因为在我的程序中一次Ajax请求回来后会绘制多个chart,所以声明了一个全局的数组charts(如下所示)
// myChart.js // chart对象数组 var charts = new Array(); // 绘制函数 function drawChart() { var chart; // 绘制图表,同时返回一个chart对象 chart = new Highcharts.Chart({ ... ... ... }); // 把chart对象放进数组 charts.push(chart); }
工作流程:
1.页面发送Ajax请求
2.Ajax请求回来后:
a.清空charts数组(释放内存)
b.绘制图表,同时把新产生的chart放进charts数组
就是说每次Ajax请求返回后首先清空全局变量charts,然后再绘制,不知道是否解释明白了,希望对你有帮助。
1 楼
qingchenyuji
2012-06-13
博主能说的详细点吗?我用的是jquery+Ajax,直接把chart = new Highcharts.Chart({ })封装成一个新的函数,供异步刷新时调用。您是清除的chart中的数据(charts),还是直接把chart清除掉?代码看的不太明白,望不吝赐教。谢谢!
发表评论
-
JQuery中的offset()
2014-12-02 13:56 916obj.offset().left 和 obj.off ... -
angularJS 中的逻辑form
2014-10-20 18:50 976angularJS中可以针对form表单进行校验,例如 ... -
JQuery简单的键盘事件
2014-09-05 11:11 1016//键盘操作 $(document).keydow ... -
浅谈Javascript 中几种克隆(clone)方式(转)
2014-06-11 16:09 787一:在Javascript里,如果克隆对象是基本类型,我们 ... -
JS通用事件绑定和移除程序
2014-04-30 08:53 1324首先判断是否可使用DOM2级方法,然后判断是否可使用 ... -
JS执行环境
2014-04-29 18:21 1721全局执行环境是window对象,因此所有全局变量和函数都是作 ... -
JS命名空间
2014-04-29 17:26 766空间的定义 以下片段定义了一个名为CM的空间 (f ... -
respond.js在IE下不工作
2014-03-07 14:15 1542找了半天原因,最后发现原来是respond.js和boots ... -
文档声明<!DOCTYPE html>导致document.body.offsetHeight取值为0
2014-03-03 13:36 1117关于通过JS获取窗口高度和宽度的问题,如果使用了文档声 ... -
获取父框架iframe的ID
2013-07-22 09:04 1033获取父框架iframe的ID var frameId = wi ... -
highcharts 取得y轴的最大最小值
2013-07-17 14:30 4574highcharts的y轴可以指定最大最小值,如果不指定则由h ... -
Highcharts笔记
2013-07-09 20:32 3099chart: { renderTo: 'cont ... -
Jquery.LazyLoad.js插件修正版下载,实现图片延迟加载特效【转】
2013-03-04 09:29 1894转自:http://paskaa.iteye.com/blog ... -
【HTML】模拟事件触发
2013-02-19 11:20 995使用JQuery很容易办到。 $("#myS ... -
js+css 简单的高亮选中对象
2012-08-23 16:14 1757功能: 点击列表中的对象时,为选中对象加上边框(高亮显示)。 ... -
document.execCommand()用法说明
2012-08-15 11:37 1981以下内容来自互联网: ... -
控制highCharts中坐标轴的起始刻度
2012-07-19 17:37 19706HighCharts的设定挺多的,用到了哪个就记下来,这次是关 ... -
控制Highcharts中x轴和y轴坐标值的密度
2012-05-30 15:36 29230绘制小一点的Highcharts图表的时候,因为图表太小了,坐 ... -
js中按字节截取字符串
2012-05-11 17:09 4943功能:在网页中显示过长的字符串,截取指定长度,结尾添加省略号。 ... -
用正则表达式分离脚本和其他内容
2012-04-06 18:20 1129//用正则表达式分离脚本和其他内容 function ...
相关推荐
本篇文章将深入探讨如何解决Highcharts饼图字段超出的问题,让你的图表更加清晰易读。 首先,我们需要理解Highcharts饼图的标签默认行为。默认情况下,Highcharts会尝试在饼图的周围空间内放置标签,但如果标签过长...
Highcharts是一款强大的JavaScript图表库,用于在...无论是数据分析、商业报告还是科学可视化,它都能提供高质量的图表解决方案。通过对Highcharts的深入理解和应用,开发者可以创建出专业且引人入胜的数据展示界面。
Highcharts是一款强大的JavaScript图表库,它能够为网页和应用程序提供丰富多样的数据可视化效果。基于jQuery库,Highcharts使得在Web页面上创建交互式图表变得简单易行。在这个压缩包中,很可能包含了Highcharts的...
本文将详细讨论如何在ASP.NET环境中解决Highcharts导出图片时的中文乱码问题。 首先,我们要理解问题的根源。Highcharts默认使用UTF-8编码,而ASP.NET应用可能使用其他编码方式,比如GB2312或GBK,这就可能导致在...
对于仍然需要支持老版本浏览器的项目,Highcharts提供了一个理想的解决方案。其次,它对移动端的支持使得在手机和平板等设备上查看图表同样流畅,满足了移动互联网时代的需求。最后,Highcharts提供了多种图表类型,...
总的来说,Highcharts是一个强大的工具,无论你是初学者还是经验丰富的开发者,都能从中找到满足需求的解决方案。通过深入理解和实践"highcharts示例代码(官方例子)",你将能够自如地利用Highcharts创造出吸引眼球...
Highcharts是一款强大的JavaScript图表库,它能够帮助开发者创建各种丰富的数据可视化效果,广泛应用于Web应用程序中。这款库以其易用性、灵活性和丰富的图表类型而备受赞誉。在Highcharts中,你可以选择不同的图表...
在4.2.3版本中,Highcharts可能已经解决了早期版本的一些已知问题,提升了性能和稳定性。官方文档通常会列出新版本的改进和修复,开发者可以通过查阅这些资料来了解具体变化。对于需要最新功能或优化的用户,官方...
Highcharts图表库是一款广泛应用于网页数据可视化的JavaScript库,它提供了丰富的图表类型,如柱状图、折线图、饼图、散点图等,帮助开发者轻松创建交互式的图表。v9.3.3是Highcharts的一个更新版本,带来了更多功能...
Highcharts是一款强大的JavaScript图表库,用于在Web上创建交互式的、高质量的数据可视化图表。它能够以SVG(在现代浏览器中)或VML...同时,了解源码有助于解决实际开发中遇到的问题,提高项目的可维护性和扩展性。
通过学习Highcharts的文档和示例,开发者可以定制出满足各种需求的高级数据可视化解决方案。 总之,Highcharts的js文件是构建数据可视化的强大工具,无论是简单的柱状图还是复杂的动态曲线图,都能轻松实现。通过...
Highcharts-2.3.5 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。目前HighCharts支持的图表类型有曲线...
Highcharts是一款强大的JavaScript图表库,它能够帮助开发者创建出各种精美、交互性强的2D和3D图表。在“3D图表Highcharts”这个主题中,我们将深入探讨如何利用Highcharts来实现三维图表的制作,以及它在数据可视化...
Highcharts是一款广泛应用于Web开发中的JavaScript图表库,它能够帮助开发者轻松创建各种动态、交互式的图表,如折线图、柱状图、饼图、散点图等。本压缩包"Highcharts-2.3.2"包含了Highcharts 2.3.2版本的源码和...