使用Safari只要打开echarts图表的网址会使Safari未响应

已于 2022-08-20 08:29:35 修改
阅读量367 收藏
点赞数
文章标签： safari vue
于 2022-08-17 09:03:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aignorantboy/article/details/126378230
版权

业务逻辑是这样的，点击父页面中一个li使用window.open跳转到子页面，其中两个页面都需要带上echarts图表(最少是有一张)，遇到的问题是，不管父页面还是子页面，只要其中一个页面是带有一张echarts图表，使用Safari浏览器，能正常打开，但过一段时间（有时10分钟，有时1分钟，时间长短全看Safari脾气）就会未响应。除了使用a标签来替换window.open的方法，还有什么方法能替换！！！页面使用vue2编写的

爱写代码的大鹅
关注
Echarts
m0_55689351的博客
05-14 1112
Echarts是什么 ECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求。 ECharts 遵循 Apache-2.0 开源协议，免费商用。 ECharts 兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等）及兼容多种设备，可随时随地任性展示。 ECharts 安装 独立版本 https://cdn.staticfile.org/echarts/4.7.0/echarts.js 使用 CDN 方法
百度Echarts图表
02-04
在`echartsTest`压缩包中，可能包含了一些使用ECharts开发的bar和line图表的示例代码，这些示例可以帮助开发者理解如何使用ECharts API创建并配置图表。通过学习和修改这些示例，你可以掌握如何加载数据、设置图表...
ECharts V3.1.6 最新图表控件修复版（兼容IE9以下浏览器）
05-04
ECharts V3.1.6 最新图表控件修复版（兼容IE9以下浏览器）
Safari兼容性问题总结
honeymoon_的博客
10-13 1649
这里写目录标题前言问题1. new Date(value) 前言 在这里记录自己遇到的Safari兼容性问题。 问题 1. new Date(value) safari不支持2021-01-01，而是支持2021/01/01。IE同理。谷歌两种都支持。 因此在使用new Date()时，要先进行时间格式的转换： 例如：将2021-01-01格式的时间转换为2021/01/01格式。 let newDate = myDate.split('-').join('/'); …待补充 ...
【无标题】echarts在ios里面显示不出来
emoji111111的博客
06-23 2263
echarts在ios里面显示不出来
echarts
u010004858的专栏
09-21 423
var data = [ {name: '海门', value: 9}, {name: '鄂尔多斯', value: 12}, {name: '招远', value: 12}, {name: '舟山', value: 12}, {name: '齐齐哈尔', value: 14}, {name: '盐城', value: 15}, {name: '赤峰', value: 16}, {name: '青岛', value: 18}, {na...
图表插件 echarts
08-23
- **准备容器**：创建一个HTML元素作为ECharts图表的容器，如`<div id="main"></div>`。 - **初始化ECharts实例**：通过`echarts.init`方法创建ECharts实例，并与容器关联。 - **配置项设置**：使用`setOption`方法...
基echarts实现的地图大数据图表可视化，精美
03-04
开发者可以利用 ECharts 的响应式设计，根据屏幕尺寸自动调整图表布局，实现良好的移动端适配。 4. **多种图表类型**： - **折线图**：适合展示连续性的时间序列数据，观察趋势变化。 - **柱状图**：直观地对比...
echarts使用Demo
06-22
10. **兼容性和响应式设计**：ECharts不仅兼容主流的现代浏览器，包括Chrome、Firefox、Safari、Edge等，还支持旧版本的IE8+，确保了广泛的适用性。同时，它能根据屏幕尺寸自动调整布局，适应移动设备和桌面设备。 ...
ECharts 使用demo
05-24
3. **ECharts图表类型示例**： - **折线图**：常用于显示数据随时间变化的趋势，如`option.series.type = 'line'`。 - **柱状图**：适用于对比多个类别的数据量，如`option.series.type = 'bar'`。 - **饼图**：...
Echarts的介绍和使用方式
weixin_45356397的博客
11-09 7270
1.什么是 Echarts ECharts 简单来说是互联网开发程序过程中，后台数据库用以实现数据到图形的映射的一个插件。 具体来说一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器，底层依赖轻量级的矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。 2.Echarts 的特性 a.丰富的可视...
关于ECharts 简单好用的数据可视化工具
qq_61896295的博客
07-03 2112
ECharts是一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表简介先贴一个官网教程npm安装或者文件直接导入 2.绘制一个最简单的可视化图表 解释官网有一篇官方文档 可以帮助你实现你想要的个性化效果，修改颜色 具体位置大小跟不在话下，用法也是相当简单，想修改那一条，就先去他的主页面
关于Echarts的新人使用心得
Yue8536的博客
04-23 737
    ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。这是官网给的介绍，我就照搬过来了。    使用Echarts也不是很久，项目要求使用Echa...
ECharts快速入门
weixin_30933531的博客
07-10 264
一.简介 　　ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的矢量图形库ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。 二.特点 　　1.丰富的可视化类型 　　　　ECharts 提供了...
【bug解决】ios safari浏览器使用window.open失效
坚信万物皆可切的切图仔
01-13 1万+
前言 在移动端开发中，我们做一些下载文件的功能，经常要用到window.open方法。也就是后端直接返回给你个下载的路径，如果你都浏览器支持预览就会先打开预览，然后自己手动下载，不支持则直接下载。 但是再ios系统里，有时会出现window.open方法失效的问题。明明后端返回了地址，但是使用window.open却没有动静。这是为什么呢？ 原因 因为safari浏览器有一些安全策略，禁止在回调函数中执行window.open方法，以防页面不断弹出窗口。 例如： 有效打开如果你是提前获取了文件地址，然后通过
关于echarts 跟ie的兼容性问题
热门推荐
guorun18的专栏
07-06 3万+
1 echarts 在谷歌浏览器中可以所向披靡，丝毫不会出现因兼容性问题出现图像不显示的结果。而在ie中似乎却不太混得开 最近在做折线图的展示，引入了资源echarts.js 谷歌中正常显示，而在ie中却出现了如下问题:  初始化的时候图形不显示，在F12开启的情况下 刷新页面，图形正常显示，经过调试发现 echarts.init(document.getElementById('first
ECharts前端图表大屏开发实战案例详解
资源摘要信息: "基于JavaScript的前端ECharts图表可视化大屏开发案例源码" 1. 前端开发技术概述： 前端开发是构建用户界面的系统过程，通常包括HTML、CSS和JavaScript等技术。在本案例中，JavaScript将作为主要的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值