Highcharts在IE8中不能一次性正常显示的一种解决办法

  由于客户要求必须在IE浏览器下兼容图表,故选用了兼容性较好的Highcharts。另外说一句,博主尝试过ichartjs、ECharts、YUI,兼容性都没有Highcharts给力(所有的兼容性问题都出现在IE上)。

1.环境

IE8

Highcharts-4.2.3

jquery-1.8.3

2.现象

在火狐、谷歌浏览器中均正常显示。

在IE浏览器中:

    • 调试的情况:正常显示。
    • 非调试的情况:不能正常显示,但在F12时又能正常显示。退出且关闭F12,再进去还是不能正常显示。这就是个死循环……

3.做过的努力

因为无法调试,导致博主一度很沮丧。

上网搜索并尝试了一些办法,其中最主要的是两个:

一是检查json格式,在结尾一定不能有逗号;

二是换更低的jQuery版本,比如换成jQuery1.4。

(其他办法似乎不很靠谱,不再罗列。)

但是很不幸,上述尝试并没有什么卵用。

4.守得云开见月明

  上述尝试宣告失败后,我还是老老实实自己想办法。无意中看到IE浏览器的状态栏,在非调试情况下显示时出现了“错误”字样,立即点开,发现是提示console不识别!!!

  这个console.log是我在利用ajax发送完请求之后打桩用的。

  立即删除打桩语句,发现可以在IE中正常显示了。

  以上仅仅是记录,提供给Highcharts使用者在遇见IE兼容性问题时的一种解决思路。

  

时间: 2024-10-02 11:11:26

Highcharts在IE8中不能一次性正常显示的一种解决办法的相关文章

PHP中出现Notice: Undefined index的三种解决办法

前一段做的一个PHP程序在服务器运行正常,被别人拿到本机测试的时候总是出现“Notice: Undefined index:”这样的警告,这只是一个因为PHP版本不同而产生的警告(NOTICE或者WARNING),而非错误(ERROR).PHP中的变量在不声明的情况下使用的时候,PHP4运行正常,但是到了PHP5环境下就会出现上述的警告或者提示.经过搜索查询,总结出来以下三种解决Notice: Undefined index的方法. 第一种方法:修改PHP配置文件,屏蔽掉此类警告和提示 修改ph

Eclipse中查看JAVA源代码显示SOURCE NOT FOUND解决办法

Problem:Java利用快捷键查看源代码显示Source not found 出现问题的原因:JDK目录下缺失src.zip文件只有javafx-src.zip src.zip文件:Java所有类的源代码  下载src.zip地址:https://pan.baidu.com/s/1_SdoulFkFUd3Je01zrw8qQ 1.将src.zip文件拷贝到装JDK目录下 2.此时"Installed JRES"右边是列表窗格,列出了系统中的JRE 环境,选择你的JRE,然后点边上的

Excel在任务栏中只显示一个窗口的解决办法

Excel在任务栏中只显示一个窗口的解决办法 以前朋友遇到过这个问题,这次自己又遇到了,习惯了以前的那种在任务栏中显示全部窗口,方便用Alt+Tab键进行切换. 如果同时打开许多Excel工作簿,在桌面任务栏中通常会显示多个工作簿窗口按钮.如果任务栏只中显示了一个Excel窗口按钮,所有的工作簿窗口只出现在Excel程序窗口内部,可能是相关的设置被改动了,可以通过下面方法改回设置: 在Excel 2003中单击菜单“工具→选项”,选择“视图”选项卡,选择“任务栏中的窗口”. 在Excel 200

Eclipse导入MyEclipse工程(web项目显示为java项目解决办法)

在直接Import MyEclipse的项目文件导入到Eclipse之后,需要在项目所放的workspace内修改引入项目目录下的.project文件,修改如下: 1.在eclipse中新建一个WEB项目将根目录下下的.project文件覆盖到导出的项目同样目录下, 2.打开导入项目的.project文件,修改下<name>test</name>中间的值即可 之后,刷新项目工程文件.继而,右键项目-->Properties-->选择Project Facets,勾选Dy

checkbox属性checked=&quot;checked&quot;已有,但却不显示打勾的解决办法

checkbox属性checked="checked"已有,但却不显示打勾的解决办法 #### 查阅其他网站  发现主要是因为Jquery的版本问题 1.attr(): 获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性. 在jQuery 1.6中,当属性没有被设置时候,.attr()方法将返回undefined.若要检索和更改DOM属性,比如元素的checked, selected, 或 disabled状态,请使用.prop()方法. 2.remov

Easyui Datagrid rownumbers行号四位、五位显示不完全的解决办法

Easyui Datagrid rownumbers行号四位.五位显示不完全的解决办法(引) 方法一: 相信很多人在使用easyui的时候都遇到过这个问题,当我们设置成显示Rownumber的时候,你会发现,如果Rownumber越来越大,达到三位数或者四位数的时候,Rownumber就显示不全了.这个问题纠结了不知道多少人,在群里和论坛里面都的都被问到无数次了. 以前也一直没有太认真考虑过要解决这个问题,恰好最近有点时间,就研究了一下,其实要解决也很简单,扩展一个方法就行了. 首先,从data

ASP+中文显示之两种解决方法

作者刚开始写ASP+程序时候碰到的第一个比较大的问题就是中文显示问题,运行后发现ASP+从数据库中读 取出来的中文全部变成了?????,有点类似jsp中的这个频率出现最高的中文显示问题了,查了资料发现有 两种方法可以轻松解决中文问题. 方法一: 在翻阅了微软NGWS文档后发现在文档的常见问题部分有提到要添加一个config.web文件到 web目录下,试了一下,中文显示果然OK了. 方法如下: 建立一个文件config.web,内容如下,放在WEB目录下 <configuration> <

iOS开发- iOS7显示偏差(UITableView下移)解决办法

之前碰到过一个问题. 就是利用storyboard拖动出来的控件, 在iOS7上跑老是莫名的下移. 比如这样(红色区域为多余的) 解决办法: iOS7在Conttoller中新增了这个属性: automaticallyAdjustsScrollViewInsets,当设置为YES时(默认YES),如果视图里面存在唯一一个UIScrollView或其子类View,那么它会自动设置相应的内边距,这样可以让scroll占据整个视图,又不会让导航栏遮盖. 我们设置automaticallyAdjusts

ie 和谷歌浏览器在display的边框显示不一样的解决办法

eg1: <style> .class2{displau:block; background-color:#e4f39e;width:150px;height:150px; border:10px solid green;} </style> <div class="class2">测试</div> result:        左侧是google上运行的结果      右侧是在ie上运行的结果 在eg1上,用了display:block