百度echart在ie下图表不显示的问题

最新推荐文章于 2024-08-15 14:53:09 发布
最新推荐文章于 2024-08-15 14:53:09 发布
阅读量5.6k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bai9474500755/article/details/51059411
版权


最近在用百度echart创建图表；结果在ie下不能正常显示；火狐等其他浏览器显示正常；ie的开发者工具报错如下：


白俊遥博客

无法获取未定义或null引用的属性"getAttribute"；

白俊遥博客

然后各种查资料；得到的结果竟然是因为echarts.js引用放在head中或者放在body中HTML代码的前面了；造成加载时阻塞后面的html。

解决这个问题的办法就是将echarts.js的引用放在</body>之前就可以了；


白俊遥
关注
Echart
qq_45676798的博客
05-20 328
可视化面板介绍 ​ 应对现在数据可视化的趋势，越来越多企业需要在很多场景(营销数据，生产数据，用户数据)下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。 01-使用技术 完成该项目需要具备以下知识： div + css 布局 flex 布局 Less 原生js + jquery 使用 rem适配 echarts基础 02- 案例适配方案 设计稿是1920px flexible.js 把屏幕分为 24 等份 cssrem 插件的基准值是 80px 插件-配置按钮—配置扩展
echarts在ie上 报错_html5,javascript_echarts2折线图在IE中不显示，提示echarts未定义。请问各位大神怎么解决？，html5,javascript - phpSt...
weixin_30028221的博客
01-14 400
echarts2折线图在IE中不显示，提示echarts未定义。请问各位大神怎么解决？用echarts做的折线图在chrome、Firefox中能正常显示，在IE中不显示(全是空白)，提示echarts未定义。代码如下：var myChart = echarts.init(document.getElementById('main'));var num = 30;var option = {tit...
echarts图表在IE下不显示的一种尝试性解决办法
zz_LXW的博客
01-17 2885
现在经手的项目中需要用到echarts来绘制图表，开始并没有兼容IE的需求，后期突然加上，然后就出现以下问题 如图所示，并非多图标会出现如下错误，而是只要在IE下饼图就会出现载入不全的问题， 在网上查了半天，都说要加meta标签的，但使用的echart版本和我对不上 后面当拖动浏览器窗口时，未被渲染的图表就会被渲染， 于是一查代码发现window.resize绑了一个用来做图表自适应的，mych...
Vue2中使用Echarts的三个问题（动态渲染图表不显示，图表不自适应，按需引入）
最新发布
LQlove1的博客
08-15 528
直接在请求结束后再去调用this.webViews()方法，渲染的时候用this.$nexttick会导致图表不渲染。在this.webViews()方法中添加下面的方法，就可以解决。
echarts在ie11可以显示图表，在ie9不可以
t0404的博客
09-22 3941
1 echarts的图表在ie上可以显示，但在ie9不显示，设置百分比不显示，但固定高度是可以的，出现的问题如下     2 jsp的代码如下 设备状态统计 设备在线率统计
bug-echarts在ie10中图表未显示
樊小二的博客
04-24 646
问题： echarts在ie10以下图表未显示，但是移上去后tooltip可以显示、js会报错。 我检查了半天都没发现问题所在，后来发现有以下两个办法可能能够解决。 1、给dom设置固定宽高，原因可能是初始化时echarts取不到dom的宽高导致初始化失败。 2、在option中把设定位置的百分比值替换成固定值。 ...
缩放浏览器后切换路由导致echart不能显示
SanOrintea的博客
10-21 764
当打开一个页面时候，页面中有几个echart图，宽高是根据百分比确定的。这时候切到另一个页面，再缩放浏览器，再切回初始页面，会导致echart图显示不出。 这是因为vue中路由切换是有内置组件keep-live，保存了当前页面的属性，相当于给这个页面设置了display：none，当切换再切回去时候，保存的图的属性和当前浏览器大小不匹配，就认为这个图没被加载过，它的的宽高都是0了。 解决方案： 单个解决：在每页中加个生命周期：activated(){xxxxx.resize()}//找到图的dom元素的名字
百度echart五种图表案例
01-11
资源中有五个echart的案例，用了两种...最近需要做一个地图，看到echart的效果很好，并且也支持导出，做到最后发现不支持ie8，但是我在一个echarts的QQ群中看到很多人问关于echarts的问题，所以就把我写的案例共享出来
百度echart企业级实例展示
11-06
**标题：“百度echart企业级实例展示”** 在企业级数据分析和可视化领域，百度ECharts是一个强大且广泛应用的JavaScript图表库。它提供了丰富的图表类型，包括柱状图、折线图、饼图、散点图等，适用于各种业务场景...
echarts图标和地图demo
06-12
描述中提到的“在ie下可以直接打开”，意味着这个DEMO已经解决了兼容性问题。 6. **本地开发与Web服务器**：ECharts的DEMO通常需要在Web环境中运行，直接双击HTML文件可能在某些浏览器中无法正常加载资源，因为...
echarts插件介绍和使用
weixin_57765394的博客
11-17 2863
Echarts 1Echarts的介绍 ECharts，缩写来自 Enterprise Charts，商业级数据图表，是百度的一个开源的数据可视化工具，一个纯Javascript的图表库，能够在 PC 端和移动设备上流畅运行，兼容当前绝大部分浏览器（IE6/7/8/9/10/11，chrome，firefox，Safari等），底层依赖轻量级的 Canvas 库ZRender，(Zrender是一个二维绘图引擎，它提供了Canvas，SVG，VML等多种渲染方式，Zrender也是Echarts的渲...
使echarts图表兼容ie浏览器
热门推荐
H小志
01-08 1万+
echarts 在谷歌浏览器中可以所向披靡，丝毫不会出现因兼容性问题出现图像不显示的结果。而在ie中似乎却不太混得开。最近在做各种图表的展示，引入了资源echarts.js 谷歌中正常显示，而在ie中却出现了如下问题: 初始化的时候图表不显示，在F12开启的情况下 刷新页面，图表正常显示，经过调试发现 echarts.init(document.getElementById(‘firstEch
Echarts 兼容ie
hhn_hn的博客
08-06 2737
Echarts 兼容ie *Echarts 图表在chrome上运行没有任何问题，但是如果在IE浏览器上运行就会出错，下面是兼容IE浏览器的办法。 首先，你需要保证你使用的是echarts 2.x版本 目前3.x版本还不行。 1.在IE上运行 error：对象不支持“assign”属性或方法 object不支持assign方法 // IE 兼容方法 if (typeof Object....
echarts在IE浏览器不显示的问题
richer__的博客
08-13 5398
一、完全看不到图 在head里面加上 <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 二、IE左下角有感叹号报错,或者只能看到一个框但是没有图 这是因为对象后面（例如下图的data）里有个逗号造成的，看下面的第七行红色的逗号，去掉逗号就行。 series: [ ...
echarts 画的图表在ie9以下不能正常显示
sinat_15155817的专栏
11-25 7538
参考：http://www.oschina.net/question/2304424_223572 问题描述： Echarts,IE8下，js报错。 是一个indexOf的错误。 在echarts的源文件中使用了.indexOf方法。 解决办法：一半ie8报错 其他浏览器正常 都是逗号的问题，把最后一个属性后边的逗号去掉即可。
echart line数据和图标
05-18
ECharts 是一个基于 JavaScript 的开源可视化库，用于构建交互式的图表和可视化界面。ECharts 提供了多种类型的图表，包括折线图（line chart）、柱状图（bar chart）、散点图（scatter chart）、饼图（pie chart）等等。 下面是一个简单的折线图（line chart）的例子，展示如何使用 ECharts 绘制折线图。 HTML 代码： ```html <div id="chart" style="width: 600px;height:400px;"></div> ``` JavaScript 代码： ```javascript // 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('chart')); // 指定图表的配置项和数据 var option = { title: { text: '折线图示例' }, tooltip: {}, legend: { data:['销量'] }, xAxis: { data: ["1月","2月","3月","4月","5月","6月"] }, yAxis: {}, series: [{ name: '销量', type: 'line', data: [5, 20, 36, 10, 10, 20] }] }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); ``` 在上面的代码中，我们通过 ECharts 提供的 init 方法初始化了一个 ECharts 实例，并通过指定一个包含 id 为 "chart" 的 div 元素的方式来指定图表的容器。接着，我们定义了一个 option 对象，包含了折线图的配置项和数据。其中，xAxis 和 yAxis 分别表示 x 轴和 y 轴的配置，series 表示数据系列的配置，每个系列可以包含多个数据项。最后，我们通过调用 setOption 方法将配置项和数据应用到图表中。 上述代码中的折线图展示了一个销售量的变化趋势，x 轴表示时间，y 轴表示销售量。我们可以通过修改 xAxis 中的 data 属性来修改 x 轴的刻度值，通过修改 series 中的 data 属性来修改数据系列的值，从而实现不同类型的折线图。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值