使用Echarts中的问题_ie8显示echarts-优快云博客

本文链接：https://blog.youkuaiyun.com/Fimooo/article/details/88794880

本文解决Echarts在IE9-11浏览器中无法显示图表的问题，并提供IE8兼容性的两种实现方法。

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

问题一：IE 9-11中使用Echarts，同时却无法正常显示图表

那么这是为什么呢？是数据没给进去吗？

我采用$.get()取本地数据，在firefox、chrome、360浏览器、IE8中都能正常显示。
在这里插入图片描述
但是IE 9-11不能显示。

我猜想是本地跨域取数据的问题（虽然IE9-11浏览器…不给我报错）

var waitdata=[-11, 10, 5, 1, -7, 2, 30]
var updatedata=[-1, -20, -15, -1, -7, -6, -3]
var finishdata=[21, 5, 2, 3, 8, 2, 30]

我不用ajax取数据，直接把数据写死在当前页面的时候，在配置echarts的data的时候传进去，再去刷新页面，发现可以显示了。
噗…我研究了半天…这个问题就丢给后台去处理吧~QAQ

方法一：
在echarts的官网上，在线定制echarts包文件，勾选兼容IE8
在这里插入图片描述
方法二：
因为IE8不支持高版本Jquery，可以在代码中加入

    <!--IE8只能支持jQuery1.9-->
    <!--[if lte IE 8]>
        <script src="http://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>
    <![endif]-->

就能显示实现大部分echarts的操作