Highcharts 在低版本 IE 上使用注意事项
来源:http://www.javashuo.com/article/p-olfrmjym-mo.htmlhtml
不少人常常遇到图表在主流浏览器上运行正常，在低版本IE（包括IE六、IE七、IE8等）下运行出错（图表显示不出来或显示不正常）的状况，这不是兼容性问题，而是 IE 浏览器自身的一些限制，咱们只须要注意一些事项便可避免这种状况。jquery
注意事项：segmentfault
一、使用合适的HTML 文档模式
html 文档模式指的是文件的第一行 <!DOCTYPE>数组
在低版本 IE 中请使用 HTML 4 严格模式浏览器
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
参考内容：安全
-
HTML 文档模式：http://www.w3school.com.cn/tags/tag_doctype.asp工具
二、多余逗号
IE 对 JavaScript 语法要求比较严格，数组或对象的最后一项有多余逗号时会报错，例如测试
$('#container').highcharts({
series: [{
data: [2, 4, 5, 7, 9]
},{
data: [{
x: 20,
y: 2323, // 这里多余的逗号会致使在低版本 IE 下报错
}]
}]
});
请仔细检查你的配置，确保没有多余的逗号。ui
三、禁用 IE 安全模式
另一个致使 Highcharts 在IE上显示不正常的常见问题是 IE的安全模式，这种状况通常发生在用做服务器的浏览器上（本地ok，在服务器上的IE访问则不行，例如在 Window Server 2008的电脑上），避免这种状况的方法是禁用 IE 安全模式，设置以下：
IE 浏览器 —》 “工具” —》“Internet 选项” —》“安全”
将安全级别调到最低并去掉“ 启用保护模式”勾选。
四、不要使用过高版本 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