使用Echarts中的问题

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

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

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

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

  1. 确定已经引入echarts.js
  2. 确定元素具有宽高
  3. 该元素也被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

问题二:echatrts兼容IE8

方法一:
在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的操作

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值