關於echarts 跟ie的相容性問題

2021-08-03 11:15:53 字數 877 閱讀 5561

1 echarts 在谷歌瀏覽器中可以所向披靡,絲毫不會出現因相容性問題出現影象不顯示的結果。而在ie中似乎卻不太混得開

最近在做折線圖的展示,引入了資源echarts.js

谷歌中正常顯示,而在ie中卻出現了如下問題:

初始化的時候圖形不顯示,在f12開啟的情況下 重新整理頁面,圖形正常顯示,經過除錯發現 echarts.init(document.getelementbyid('firstechart_left'));

這句**沒有執行。但是也不報錯。苦思不得其解,網上搜尋了各種方式除錯相容性,比如:

1:通過<metahttp-equiv="x-ua-compatible"content="ie=edge,chrome=1"> 以谷歌核心渲染ie

2:<metahttp-equiv="x-ua-compatible"content="ie=emulateie7">模擬ie7進行渲染

但都不能解決問題。

最後查詢echarts官方**,發現了乙個ecahrts簡裝包  echarts.common.min.js

利用它 折線圖可以正常顯示

text last align關於IE的相容

text align的兩端對齊只針對段落,且是漢字或者多個單詞的段落除最後一行外的兩端對齊,chrome等瀏覽器自然是沒問題的,但是ie卻不行,目前在做乙個需要相容到ie8的專案,必須相容ie8,首先看下can i use。部分相容的大意就是,需要作用的元素為塊級元素,且具有一定的寬度,親測發現di...

關於IE相容問題

針對ie6 7 8 可以分為兩種模式 怪異模式 quirks mode 和標準模式 standards mode 在ie6以下版本下顯示怪異模式,border和padding都包含在width中 使用ie7編譯 也可以引進相應的js外掛程式去解決html5和css3的問題,但是只能在小範圍內或者單頁...

Bootstrap關於IE678相容方法

搞前端以來一直沒有遇到過比較大的相容問題,在上個星期開發乙個用bootstrap的 時終於遇到了 o 特此記錄一下 這次的專案 採用bootstrap作為樣式庫,因為開發前沒有先仔細了解bootstrap對瀏覽器的支援,導致到了測試階段才發現這個框架居然是不支援ie678的。這裡需要自我反省下,也提...