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

時間 2019-11-19

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

原文原文鏈接

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

參考內容：安全

http://bbs.hcharts.cn/thread-566-1-1.html服務器
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://zhidao.baidu.com/link?url=djFjM-qla0rHocZw2IDMxAmxoWDYDg5yvQ6LqxNxTL5CGkusLgrIe_c9P0GSIHPRp_6IWi-G0E6d4NwOx-ieG28VzbV6lhLKyvh48t8msci
中文網首頁源代碼：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

相關標籤/搜索

每日一句

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