tab栏切换echarts图表时，由于接口过慢，导致快速切换时，第一个的接口还没走完，就会点击第二次，这样就连续走两遍此接口，也会走两遍setInterval，这样图表就会混乱的问题 (比如：我先点击单位，会调单位接口，再点击类型，在快速切回单位，这时候单位的接口还没走完，这样就会连续走两遍单位接口，这样setInterval就会走两遍出问题)
切换调用接口时我是用watch监听去写的
4条回答 默认 最新
皮皮平 2023-01-09 15:53关注那你就得多做点处理了，得给你的setTimeout拿一个变量接住，再切换的时候判断，如果存在就移除掉哦。如果还不知道怎么修改，就粘贴代码出来，我可以复制修改那种，给你参考参考
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
- 2021-06-09 18:15回答 3 已采纳 您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~ 如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～
- 2022-08-11 11:56回答 1 已采纳 那应该是 options 变了吧 。注意options的变化
- 2023-03-17 12:45回答 3 已采纳 在为事件监听器添加回调函数时，您直接调用了this.stop()和this.goMove()。这会导致在绑定事件监听器时立即执行这些函数，而不是在事件触发时执行。你需要将它们作为回调函数传递。 if
- 2024-12-25 16:36shijianshenchu的博客 setInterval 过多且未清除。echarts 重复init。
- 2022-03-25 16:55回答 3 已采纳 mounted () { this.$nextTick(function () { // 图表自适应 window.onresize = function () {
- 2016-12-25 10:51回答 1 已采纳 setInterval(demo(),10); ===》 setInterval(demo,10); 第一参数为函数句柄或者字符串格式js代码，你那样是将demo的返回值作为计时器要执行的函
- 2022-12-13 21:03回答 2 已采纳 这样写： setInterval(function () {、 let optionCopy = 你的option.series[0]; ooptionCopy.data[0].value=(Math
- 2022-01-10 12:29ECharts是一款基于JavaScript的数据可视化库，它由百度公司开发，被广泛应用于Web前端的数据展示，尤其在H5（HTML5）应用中表现出色。这款开源工具提供了丰富的图表类型，包括柱状图、折线图、饼图、散点图、地图等...
- 2022-01-19 15:19回答 5 已采纳 src存在停止监听，没毛病啊。还是你逻辑不对。clearInterval(srcload)方法应该写在else中？ function srconload() { var srcload = s
- 2022-03-28 11:39回答 2 已采纳 你这是重写echarts源码吗,echarts官网里面应该有类似的图表
- 2021-03-10 17:42回答 2 已采纳 这是因为你循环同时创建了多个定时器，但time变量始终就只有一个，只能保存一个定时器的id。 当for循环结束（注：只是for循环结束，不是定时器触发结束）时time变量保存的是最后创建的定时器的id
- 2024-07-04 16:46YANG-Live的博客 echarts 图表相关问题
- 2024-04-19 23:29前端星级导师的博客 很多人会疑惑 为什么还要在box盒子里面放一个inner盒子呢，注意看由于盒子模型的原因 如果直接写文字，文字的书写位置就达不到我们想要的这种效果，所以...首先，面试问题大部分基础而且深入，这些是平时工作的基础。
- 2022-05-25 11:05ECharts支持在前端环境中使用，且兼容ECMAScript，这使得它在Web开发中广泛应用。 首先，让我们了解ECharts Tree图的基础知识。Tree图是一种用于展示层级关系的数据结构，常用于组织结构、文件系统或者流程图等场景...
- 2022-08-26 10:16三喂树屋的博客 使用：window.clearInterval和window.setInterval。不要直接使用：setInterval和clearInterval。
- 2021-10-12 18:32偏执zz的博客 image.png 如图，地图数据量大时显示切换等操作出现卡顿问题 image.png image.png 实例销毁之前调用 清空画布 clear() beforeDestroy () { this.myChart.clear() }, ...
- 2022-07-12 20:56爱音斯坦牛的博客 需要做一个内容向上轮播的部分，奈何时间原因手写轮播不敢搞，网上也有一些组件，但是看起来不可靠，因此我得另找出路，最近正好在学echarts，有感而发，不知道能不能解决这个问题，经过查询，发现echarts还真的可以...
- 2024-01-16 18:17元仙僧的博客 【代码】echarts业务中常用属性设置记录。
- 2023-10-18 13:22暂时先用这个名字的博客 也可以使用开源代码自己开发前端，本文所介绍的就是ECharts的开发，这是一款基于JavaScript 的开源可视化图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE9/10/11，Chrome，Firefox，Safari等...
- 2021-06-09 16:46白纸一样的博客 文章目录前言一、常见问题记录1.如何创建一个自适应的Echarts图表（动态给Echarts图表当前高度初始化+窗口缩放Echarts图表自适应）动态高度初始化思路一：通过css样式aspect-ratio（宽高比）解决思路二：通过在父...
- 没有解决我的问题, 去提问
问题事件
系统已结题
1月19日
已采纳回答
1月11日-
创建了问题
1月9日
悬赏问题
- ¥15 宇视监控服务器无法登录
- ¥15 PADS Logic 原理图
- ¥15 PADS Logic 图标
- ¥15 电脑和power bi环境都是英文如何将日期层次结构转换成英文
- ¥15 DruidDataSource一直closing
- ¥20 气象站点数据求取中~
- ¥15 如何获取APP内弹出的网址链接
- ¥15 wifi 图标不见了 不知道怎么办 上不了网 变成小地球了
- ¥50 STM32单片机传感器读取错误
- ¥50 power BI 从Mysql服务器导入数据，但连接进去后显示表无数据