echarts在IE浏览器不显示的问题

最新推荐文章于 2022-07-06 12:00:28 发布

原创最新推荐文章于 2022-07-06 12:00:28 发布 · 5.5k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#echarts #IE

收录于

javaweb 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了解决ECharts图表在Internet Explorer浏览器中显示不全或出现感叹号错误的方法。通过在HTML头部添加兼容性元标签，并调整数据结构中的逗号使用，可以有效解决IE下的图表显示问题。

一、完全看不到图

在head里面加上

二、IE左下角有感叹号报错,或者只能看到一个框但是没有图

这是因为对象后面（例如下图的data）里有个逗号造成的，看下面的第七行红色的逗号，去掉逗号就行。

series: [
    {
        name: '',
        type: 'bar',
        barGap: 0,
        data: datas
    },
]

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

richer_2020

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

兼容ie8的echarts

09-28

传统浏览器的兼容性是个头大的问题，而面对市场给需求还是需要去兼容ie8的，这个echarts文件可以兼容到ie8

参与评论您还未登录，请先登录后发表或查看评论

ie浏览器不显示echart的Tooltip故障修复

qq_25231249的博客

05-19

826

win10系统基于echart做的图表谷歌浏览器正常显示tooltip ie不显示正常情况下Win10系统下组态王运行态打开Demo工程中的网页时，鼠标移动到图像上方会会触发某些Tootip（红色框处），如果为右图现象。

echarts图表在IE下不显示的一种尝试性解决办法

zz_LXW的博客

01-17

3068

现在经手的项目中需要用到echarts来绘制图表，开始并没有兼容IE的需求，后期突然加上，然后就出现以下问题如图所示，并非多图标会出现如下错误，而是只要在IE下饼图就会出现载入不全的问题，在网上查了半天，都说要加meta标签的，但使用的echart版本和我对不上后面当拖动浏览器窗口时，未被渲染的图表就会被渲染，于是一查代码发现window.resize绑了一个用来做图表自适应的，mych...

关于echarts 跟ie的兼容性问题

热门推荐

guorun18的专栏

07-06

3万+

1 echarts 在谷歌浏览器中可以所向披靡，丝毫不会出现因兼容性问题出现图像不显示的结果。而在ie中似乎却不太混得开最近在做折线图的展示，引入了资源echarts.js 谷歌中正常显示，而在ie中却出现了如下问题: 初始化的时候图形不显示，在F12开启的情况下刷新页面，图形正常显示，经过调试发现 echarts.init(document.getElementById('first

Echarts 兼容ie

hhn_hn的博客

08-06

2954

Echarts 兼容ie *Echarts 图表在chrome上运行没有任何问题，但是如果在IE浏览器上运行就会出错，下面是兼容IE浏览器的办法。首先，你需要保证你使用的是echarts 2.x版本目前3.x版本还不行。 1.在IE上运行 error：对象不支持“assign”属性或方法 object不支持assign方法 // IE 兼容方法 if (typeof Object....

解决在ie11浏览器下echarts图不显示问题

故里的博客

12-23

3151

因为是react项目，所以使用了echarts-for-react（基于echarts的封装），实际效果在谷歌浏览器正常显示，但在ie11中无法显示。问题分析：可能对echarts的外部容器设置了动态显示隐藏属性，导致echarts实例不能正常的销毁重建（在我的实际业务场景中，是需要在modal弹出层上创建一个echarts图，弹出层会根据用户点击显示隐藏）...

echarts在IE浏览器下显示不全的问题

weixin_42646650的博客

11-27

705

echarts在IE浏览器下显示不全的问题现象如下：报以下错误：因为echarts3饼图不支持IE阴影，所以去掉阴影即可正常显示如下：

echarts图表在ie8上不显示的解决办法

Dxiaoqi

07-06

1139

echarts图表在ie8上不显示的解决办法

echarts在ie8下的兼容问题

lcolnwang的博客

04-02

2266

版本：echarts4.7，在官网使用在线定制下载的，勾选了兼容ie8 环境：ie8，谷歌45 问题：使用了散点图，在谷歌下表现正常，但是在ie8下，不显示气泡解决方式：查看了官方文档，以及众网友的解决方案，最后使用官网的方式解决。如下：echarts官网然后，去下载echarts.common.js,引入项目即可，项目配置中不要使用特殊的颜色配置，比如泳道canvas的属...

ECharts3.0饼状图使用问题总结

ZQQing1314的博客

03-02

338

前提：本人使用的是IE9浏览器 1.IE中无法显示，谷歌却显示正常的问题： 1）情况一　　 var myChart_cols<%=i%> = echarts.init(document.getElementById('cols_qk_<%=i%>'),'shine'); // 使用刚指定的配置项和数据显示图表。 myChart_cols&...

解决echart在IE中使用时，在div中添加postion后图表不显示问题

牟云飞的博客

07-22

8479

echart在IE中使用时，在div中添加postion后图表不显示。主要问题是echart在编译后给div增加了filter，使div隐藏起来了，如图：修改办法的话，当然就是删除啦，一是找到echart源文件进行修改bug，这个太多了没找到，二是图片加载完成之后删除style，下面是第二种方法的解决： 1、提取出自己的style #mai

echarts里symbol不显示svg图 & 判断是否为ie浏览器

u010969088的博客

02-16

2242

ie能直接显示svg图，但放在echarts里的svg不显示找到一些类似问题，但没找到具体原因 https://github.com/apache/incubator-echarts/issues/10884 因此选择直接判断浏览器类型，若是ie就返回png图片之前，js判断的方式都是利用浏览器的useragent字段。通过判断useragent字段里面是否包含有MSIE字段来判断是否...

echarts地图在ie浏览器上不显示

Start2019

03-09

2362

前面是安装及上手教程，参考了彩色泡泡和 winne雪的博客。如果已经写好了，可以直接跳到问题总结。 1. npm install echarts --save 2. 在 main.js 中 import echarts from 'echarts'; Vue.prototype.$echarts = echarts; 3. 在页面上 import china from 'echarts/...

关于ECharts在IE浏览器中一些报错的问题

Acuncao_ll的博客

07-25

1775

关于ECharts在IE浏览器中一些报错的问题 1.问题描述：项目在IE浏览器（这里默认IE11）中打开，图表不能正常显示，控制台出现报错（如下图） 2.解决方法：（1）.关于无效字符的问题解决方法： i. 图表配置中的formatter不能简写； ii. IE浏览器不能识别formatter中的模板字符串，故需用普通字符串拼接，代码如下； iii. IE浏览器不能识别formatter中的forEach、map方法，故，可用普通for循环方法。 formatter: function (e) {

【前端】vue 工程中加入 echarts 图表不显示的问题

weixin_44746306的博客

07-17

6761

vue 工程中加入 echarts 图表不显示的问题一、问题原因 vue 引用 echarts 方式错误，高版本采用了低版本的引用方式二、vue工程使用echarts vue官方教程 1. 安装 echarts 组件 # 方法一下载到工程目录的 node_moudles 目录比较推荐 npm install echarts --save #方法二下载到全局的包目录（一般会出现引用问题） npm install echarts -g 以上方式安装 echarts 包拉取时会下载最新的

echarts的富文本 rich 在IE浏览器引用图片失效不显示的解决方案

MengRui2333的博客

10-10

1539

写项目中遇到了这样的问题，mac笔记本的chrome浏览器没有问题，但是window的IE浏览器不显示图片。我在option上边定义了这样的两个图片的链接。（用官网的直接双引号+链接在我这里没效果，这样写可以显示，给大家借鉴一下。） let icon = require('../assets/image/bell.svg'); let iconNone = require('../ass...

echarts x轴type=time 时在IE中x轴不显示的问题解决

一只爱吃糖的小羊

09-24

2484

echarts官网有对x轴type的说明：之前常用的是category，最近需要用time显示。先看看x轴的显示设置：给一个初始时间值，一个结束时间值，然后给个最小间隔，echarts会自实现显示x轴的值：然后发现有时候在Chrome上没有问题，结果到了IE上发现x轴不显示了。上图中，如果max/min是时间戳，那么x轴的显示在Chrome和IE都是没有问题的。如果是max/min是 new Date(timeString)，timeString如果是 “2020/09/04 11:01:23

vue 工程中加入 echarts 图表不显示的问题

qq_57558631的博客

05-16

5850