关于ECharts在IE浏览器中一些报错的问题_echarts tooltip报错ie-优快云博客

本文链接：https://blog.youkuaiyun.com/Acuncao_ll/article/details/107579665

本文详细介绍了在IE11浏览器中使用ECharts遇到的图表显示问题，包括无效字符和未定义报错，并提供了具体解决方案，如避免使用模板字符串和现代JS方法，正确引入echarts.js，调整CSS定位。

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

1.问题描述：项目在IE浏览器（这里默认IE11）中打开，图表不能正常显示，控制台出现报错（如下图）
在这里插入图片描述

2.解决方法：

（1）.关于无效字符的问题解决方法：

i. 图表配置中的formatter不能简写；
ii. IE浏览器不能识别formatter中的模板字符串，故需用普通字符串拼接，代码如下；
iii. IE浏览器不能识别formatter中的forEach、map方法，故，可用普通for循环方法。

formatter: function (e) {
      // return `${e.percent} %\n\n${e.name}`
         return e.percent + '%\n\n' + e.name
}

（2）.关于图表未定义的报错问题解决方法：（我这里是我自己封装的图表配置方法）
i. 解决方法同上；
ii. 如果上面的方法还是没能解决你的问题，那么还可能是如下原因：
001---- echarts.js文件的版本问题；
002---- js文件引入时，需加上type属性；

<script type="text/javascript" src="..."></script>

003---- css :页面中的定位不能用fixed，应该用absolute。

3.欢迎评论指正！