echart2.2.7在ie8下的兼容问题！！！参数无效 NaN

最新推荐文章于 2025-03-16 22:07:00 发布

置顶

zjw0742

最新推荐文章于 2025-03-16 22:07:00 发布

阅读量5.5k

点赞数

本文链接：https://blog.youkuaiyun.com/zjw0742/article/details/52921966

版权

本文介绍了在将 ECharts 2.2.7 版本适配 IE8 过程中遇到的一个问题，即在 IE8 下饼状图和柱状图显示不正常并报错“参数无效”。通过源代码调试，发现 `this._width` 和 `this._height` 在某些情况下返回 NaN，导致错误。为解决此问题，在设置宽度和高度时添加了条件判断，当值为 NaN 时将其设为 0，从而成功解决了 IE8 的兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在将一个echarts2.2.7的版本修改兼容到ie8，其中遇到一个坑echarts2.2.7的demo在IE8下显示正常，并且我们项目里面的首页饼状图pie，和柱状图都能正常显示，但是子页面的饼状图和柱状图显示不出来，并且报错参数无效，因为IE8下无法进行调试，只能用Echarts的源代码加进去进行调试。定位到了vmlcanvas代码处的错误：

var Painter = function (root, storage) {
this.root = root;
root.style['-webkit-tap-highlight-color'] = 'transparent';
root.style['-webkit-user-select'] = 'none';
root.style['user-select'] = 'none';
root.style['-webkit-touch-callout'] = 'none';
this.storage = storage;
root.innerHTML = '';
this._width = this._getWidth();
this._height = this._getHeight();
var domRoot = document.createElement('div');