Highcharts 在低版本 IE 上使用注意事項

時間 2019-11-05

標籤 highcharts 版本使用注意事項简体版

原文原文鏈接

不少人常常遇到圖表在主流瀏覽器上運行正常，在低版本IE（包括IE六、IE七、IE8等）下運行出錯（圖表顯示不出來或顯示不正常）的狀況，這不是兼容性問題，而是 IE 瀏覽器自身的一些限制，咱們只須要注意一些事項便可避免這種狀況。html

注意事項：jquery

一、使用合適的HTML 文檔模式

html 文檔模式指的是文件的第一行 <!DOCTYPE> 數組

在低版本 IE 中請使用 HTML 4 嚴格模式瀏覽器

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

參考內容：安全

http://bbs.hcharts.cn/thread-...服務器
HTML 文檔模式：http://www.w3school.com.cn/ta...工具

二、多餘逗號

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 安全模式，設置以下：url

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://zhidao.baidu.com/link?...
中文網首頁源代碼：http://www.hcharts.cn/

另外，咱們發佈的版本都有對IE進行兼容性測試，請到咱們官網下載最新版例子體驗。

在線測試地址：

Highcharts: https://www.hcharts.cn/sample...
Highstock: https://www.hcharts.cn/sample...
Highmaps: https://www.hcharts.cn/sample...

（PS：中文網主站並無對 IE 作兼容性工做，因此在低版本IE下，中文網不可用，將來咱們會改版）

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。