使用Echarts中的问题

问题一: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的操作

猜你喜欢

转载自blog.csdn.net/Fimooo/article/details/88794880
今日推荐