使echarts图表兼容ie浏览器

echarts 在谷歌浏览器中可以所向披靡,丝毫不会出现因兼容性问题出现图像不显示的结果。而在ie中似乎却不太混得开。

最近在做各种图表的展示,引入了资源echarts.js
谷歌中正常显示,而在ie中却出现了如下问题:
初始化的时候图表不显示,在F12开启的情况下 刷新页面,图表正常显示,经过调试发现 echarts.init(document.getElementById(‘firstEchart_left’));
这句代码没有执行。但是也不报错。苦思不得其解,网上搜寻了各种方式调试兼容性,比如:
1:通过 以谷歌内核渲染ie
2:模拟IE7进行渲染
但都不能解决问题。
最后查询echarts官方网站,发现了一个ecahrts简装包 echarts.common.min.js。

!function(t,e){“object”==typeof exports&&”object”==typeof module?module.exports=e():”function”==typeof define&&define.amd?define([],e):”object”==typeof exports?exports.echarts=e():t.echarts=e()}(this,function(){return function(t){function e(i){if(n[i])return n[i].exports;var r=n[i]={exports:{},id:i,loaded:!1};return t[i].call(r.exports,r,r.exports,e),r.loaded=!0,r.exports}var n={};return e.m=t,e.c=n,e.p=”“,e(0)}([function(t,e,n){t.exports=n(2),n(108),n(102),n(112),n(191),n(207),n(232),n(55),n(209),n(208),n(223),n(216),n(215),n(214),n(197),n(224),n(240)},function(t,e){function n(t){if(null==t||”object”!=typeof t)return t;var e=t,i=R.call(t);if(“[object Array]”===i){e=[];for(var r=0,o=t.length;r

你可能感兴趣的:(html/css)