来源: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">

参考资料：

另外，我们发布的版本都有对IE进行兼容性测试，请到我们官网下载最新版例子体验。

在线测试地址：

Highcharts 在低版本 IE 上使用注意事项的更多相关文章

  1. Highcharts 在低版本 IE 上使用注意事项及个人总结

    很多人经常遇到图表在主流浏览器上运行正常,在低版本IE(包括IE6.IE7.IE8等)下运行出错(图表显示不出来或显示不正常)的情况,这不是兼容性问题,而是 IE 浏览器自身的一些限制,我们只需要注意 ...

  2. Android 高版本API方法在低版本系统上的兼容性处理

    Android 版本更替,新的版本带来新的特性,新的方法. 新的方法带来许多便利,但无法在低版本系统上运行,如果兼容性处理不恰当,APP在低版本系统上,运行时将会crash. 本文以一个具体的例子说明 ...

  3. 支持IE低版本的上传 大文件切割上传 断点续传 秒传

    1. http://files.cnblogs.com/files/blackice/UploadDemo.rar 此demo是使用的 swfupload 2.http://download.csdn ...

  4. 用了 HTTPS 还不安全，问题就出在低版本 TLS 上

    HTTPS 加密时代已经来临,近两年,Google.Baidu.Facebook 等互联网巨头,不谋而合地开始大力推行 HTTPS, 2018 年 7 月 25 日,Chrome 68 上线,所有 H ...

  5. SqlServer高版本数据库数据备份到低版本数据库上

    想要将Sqlserver2014高版本备份的数据还原到低版本SqlServer2012上去,但是这在SqlServer中是没法直接还原数据库的,通过以下方法可以顺利还原. 通过高版本生成sql脚本在低 ...

  6. Android popupwindow在低版本手机上无法显示

    popupwindow偶尔的显示失效(在低版本Android系统的手机上,测试机6.0)实在是坑害了不少人,害,而且坑了for a long time.本小白就是其中一个受害者. 百度了N久N多还是没 ...

  7. ES6 + Webpack + React + Babel 如何在低版本浏览器上愉快的玩耍

    https://blog.csdn.net/a324539017/article/details/52824189

  8. 关于NGUI制作图集在低内存设备上的注意事项

    正在写一个游戏.由于2D且比较简单.打算用NGUI全权搞定,对,游戏内容也用NGUI. 想的很好,做的很爽.PC上跑起来happy. 天杀的诺基亚出了个手机叫lumia520,可用内存512M.单个程 ...

  9. sql server 高版本数据还原到低版本sql server的注意事项

    生成的sql脚本不能大于100m,否则会报错(System.OutOfMemory) 所以要将较大的sql脚本文件进行分割

随机推荐

  1. 关于STM32的FLASH操作【转载】

    说到STM32的FLSAH,我们的第一反应是用来装程序的,实际上,STM32的片内FLASH不仅用来装程序,还用来装芯片配置.芯片ID.自举程序等等.当然, FLASH还可以用来装数据. FLASH分 ...

  2. 【STM32F4】读取芯片ID和芯片Flash Size

    首先声明,手册上给出的FlashSize地址是错误的,正确的应该是0x1FFF7A20,取高16位.确切说应该是(0x1FFF7A23,0x1FFF7A22两个字节), 芯片的这96位ID是产品唯一身 ...

  3. 3.3 哈尔小波空间W0

    在3.2节我们学习了关于(3.8)定义的Vj的性质.特别的,我们可以乘以系数从一个Vj空间变换到另一个.我们这节学习V0和V1的关系. 将f1(t)∈V1投影至V0 我们考虑一个属于V1的函数f1(t ...

  4. [转]mysql在windows下支持表名大小写，lower_case_table_names

    windows下mysql默认是不支表名大小写的,也就是表名大小写不敏感.用phpmyadmin创建的驼峰式表名,全部被强制成小写.mysql表名大小写敏感的参数: lower_case_table_ ...

  5. Sybase

    Variable Naming Convention first character can be alphabetic character, _, @. Followed by alphabetic ...

  6. JS设计模式--简单工厂模式

    在JS中创建对象会习惯的使用new关键字和类构造函数(也是可以用对象字面量). 工厂模式就是一种有助于消除两个类依赖性的模式. 工厂模式分为简单工厂模式和复杂工厂模式,这篇主要讲简单工厂模式. 简单工 ...

  7. PHP基础知识2

    1.运算符 1.运算符简单来说就是用来连接各个常量.变量以及函数和其他表达式参与运算的符号! 2.运算符的优先级 2.流程控制 1.流程控制,就是指程序执行的"路线",一般是用相关 ...

  8. Unity5中的MetaPass

    前些天烘焙lightmap的时候发现用自己写的Shader的模型在烘焙时候不会烘焙效果不对,它不会产生对周围物体的间接光照,但是我放到了unity4.x中就是没问题的.查了一番,发现Unity5中加了 ...

  9. CentOS linux下安装和配置Apache+SVN（用浏览器http方式访问SVN目录）

    在CentOS linux下安装SVN,我们可以进行以下步骤: 第一步:安装CentOS Linux操作系统,并在CentOS安装进行的同时,自定义安装这一步,一定要勾选Subversion(在“开发 ...

  10. 4、IMS

    链:1:http://www.cnblogs.com/gnuhpc/archive/2012/12/11/2813494.html [笔记] 1.<计算机网络(第五版)>P10-15:电路 ...