由於客戶要求必須在IE瀏覽器下兼容圖表,故選用了兼容性較好的Highcharts。另外說一句,博主嘗試過ichartjs、ECharts、YUI,兼容性都沒有Highcharts給力(所有的兼容性問題都出現在IE上)。
1.環境
IE8
Highcharts-4.2.3
jquery-1.8.3
2.現象
在火狐、谷歌瀏覽器中均正常顯示。
在IE瀏覽器中:
-
- 調試的情況:正常顯示。
- 非調試的情況:不能正常顯示,但在F12時又能正常顯示。退出且關閉F12,再進去還是不能正常顯示。這就是個死循環……
3.做過的努力
因為無法調試,導致博主一度很沮喪。
上網搜索並嘗試了一些辦法,其中最主要的是兩個:
一是檢查json格式,在結尾一定不能有逗號;
二是換更低的jQuery版本,比如換成jQuery1.4。
(其他辦法似乎不很靠譜,不再羅列。)
但是很不幸,上述嘗試並沒有什么卵用。
4.守得雲開見月明
上述嘗試宣告失敗后,我還是老老實實自己想辦法。無意中看到IE瀏覽器的狀態欄,在非調試情況下顯示時出現了“錯誤”字樣,立即點開,發現是提示console不識別!!!
這個console.log是我在利用ajax發送完請求之后打樁用的。
立即刪除打樁語句,發現可以在IE中正常顯示了。
以上僅僅是記錄,提供給Highcharts使用者在遇見IE兼容性問題時的一種解決思路。