Highcharts 在低版本 IE 上使用注意事项
来源:https://segmentfault.com/a/1190000004272693
很多人经常遇到图表在主流浏览器上运行正常，在低版本IE（包括IE6、IE7、IE8等）下运行出错（图表显示不出来或显示不正常）的情况，这不是兼容性问题，而是 IE 浏览器自身的一些限制，我们只需要注意一些事项即可避免这种情况。
注意事项：
1、使用合适的HTML 文档模式
html 文档模式指的是文件的第一行 <!DOCTYPE>
在低版本 IE 中请使用 HTML 4 严格模式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
参考内容：
2、多余逗号
IE 对 JavaScript 语法要求比较严格，数组或对象的最后一项有多余逗号时会报错，例如
$('#container').highcharts({
series: [{
data: [2, 4, 5, 7, 9]
},{
data: [{
x: 20,
y: 2323, // 这里多余的逗号会导致在低版本 IE 下报错
}]
}]
});
请仔细检查你的配置，确保没有多余的逗号。
3、禁用 IE 安全模式
另外一个导致 Highcharts 在IE上显示不正常的常见问题是 IE的安全模式，这种情况一般发生在用作服务器的浏览器上（本地ok，在服务器上的IE访问则不行，例如在 Window Server 2008的电脑上），避免这种情况的方法是禁用 IE 安全模式，设置如下：
IE 浏览器 —》 “工具” —》“Internet 选项” —》“安全”
将安全级别调到最低并去掉“ 启用保护模式”勾选。
4、不要使用太高版本 jQuery
高版本jQuery 对IE兼容性不好，我们推荐使用 jQuery 1.8.3
<script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
小技巧
在html head 部分加如下代码可以让 IE 使用兼容性模式，这样可以让IE 尽可能以最高模式渲染文档。
<meta http-equiv="X-UA-Compatible" content="IE=edge">
参考资料：
中文网首页源代码：http://www.hcharts.cn/
另外，我们发布的版本都有对IE进行兼容性测试，请到我们官网下载最新版例子体验。
在线测试地址：
Highcharts: http://cdn.hcharts.cn/highcharts/index.htm
Highstock: http://cdn.hcharts.cn/highstock/index.htm
Highmaps: http://cdn.hcharts.cn/highmaps/index.htm
Highcharts 在低版本 IE 上使用注意事项的更多相关文章
- Highcharts 在低版本 IE 上使用注意事项及个人总结
很多人经常遇到图表在主流浏览器上运行正常,在低版本IE(包括IE6.IE7.IE8等)下运行出错(图表显示不出来或显示不正常)的情况,这不是兼容性问题,而是 IE 浏览器自身的一些限制,我们只需要注意 ...
- Android 高版本API方法在低版本系统上的兼容性处理
Android 版本更替,新的版本带来新的特性,新的方法. 新的方法带来许多便利,但无法在低版本系统上运行,如果兼容性处理不恰当,APP在低版本系统上,运行时将会crash. 本文以一个具体的例子说明 ...
- 支持IE低版本的上传 大文件切割上传 断点续传 秒传
1. http://files.cnblogs.com/files/blackice/UploadDemo.rar 此demo是使用的 swfupload 2.http://download.csdn ...
- 用了 HTTPS 还不安全，问题就出在低版本 TLS 上
HTTPS 加密时代已经来临,近两年,Google.Baidu.Facebook 等互联网巨头,不谋而合地开始大力推行 HTTPS, 2018 年 7 月 25 日,Chrome 68 上线,所有 H ...
- SqlServer高版本数据库数据备份到低版本数据库上
想要将Sqlserver2014高版本备份的数据还原到低版本SqlServer2012上去,但是这在SqlServer中是没法直接还原数据库的,通过以下方法可以顺利还原. 通过高版本生成sql脚本在低 ...
- Android popupwindow在低版本手机上无法显示
popupwindow偶尔的显示失效(在低版本Android系统的手机上,测试机6.0)实在是坑害了不少人,害,而且坑了for a long time.本小白就是其中一个受害者. 百度了N久N多还是没 ...
- ES6 + Webpack + React + Babel 如何在低版本浏览器上愉快的玩耍
https://blog.csdn.net/a324539017/article/details/52824189
- 关于NGUI制作图集在低内存设备上的注意事项
正在写一个游戏.由于2D且比较简单.打算用NGUI全权搞定,对,游戏内容也用NGUI. 想的很好,做的很爽.PC上跑起来happy. 天杀的诺基亚出了个手机叫lumia520,可用内存512M.单个程 ...
- sql server 高版本数据还原到低版本sql server的注意事项
生成的sql脚本不能大于100m,否则会报错(System.OutOfMemory) 所以要将较大的sql脚本文件进行分割
随机推荐
- 建立一套完整的Maven依赖工程步骤,包含WEB工程
建立Java Web工程:File -> New -> other… -> Web -> Dynamic Web Project,abs-inf选中该工程右键 -> co ...
- caffe-mnist别手写数字
[来自:http://www.cnblogs.com/denny402/p/5685909.html] 整个工作目录建在:/home/ubunt16041/caffe/examples/abc_mni ...
- OpenCV配置经历简述
关于OpenCV的配置过程在这里做一简述和记录. 配置的是OpenCV2.2.0,环境为VS2010. 首先在OpenCV官网(http://opencv.org/downloads.html)下载了 ...
- C#构造函数在继承时必须要求与父类型构造函数入参相同怎么办？
摘要 我们都知道,C#中,在类型继承时,由于构造子类必须先构造其父类型的内容,因此,必须子类型的构造函数中调用父类型的构造函数(无参数的不需要显式声明). 但是往往我们会出现,子类型本身的构造函数大于 ...
- 成功部署SSIS中含有Oracle数据库连接的ETL包
RT,正式写之前,我想说,真TMD不容易!!! 写博客,责任心,很重要 在百度搜出来的内地博客技术文章(CSDN.ITEYE.CNBLOGS……),大部分都是不全面,只针对一个遇到的问题点的记录,可以 ...
- List subList(startIndex, endIndex);
1. subList(startIndex, endIndex);//startIndex开始,到endIndex结束,不包含endIndex! 2. 集合排序可以实现 java.util.Compa ...
- 在Linux上编写C#程序
自从C#开源之后,在Linux编写C#程序就成了可能.Mono-project就是开源版本的C#维护项目.在Linux平台上使用的C#开发工具为monodevelop.安装方式如下: 首先需要安装一些 ...
- sqlserver2000 在查询时产生序号列的办法
用的是数据库sqlserver2000,唉,有点老了,好处是到处都有,安装方便. select ( select count(*) from temp_gzsphzb as t1 where spid ...
- 转来的emacs配置文件，自动安装插件
网上转来的emacs配置文件,便于自动安装插件,收藏起来 http://www.gogae.org/post-7/ EMACS是一个伪装成代码编辑器的操作系统. EMACS是一个非常强大的代码编辑器, ...
- ORA-04021 timeout occurred while waiting to lock object
用户要求删除一个数据库的用户 GREENPASS,在删除的过程中,报错如下: drop user GREENPASS * ERROR at line 1: ORA-04021: timeout occ ...