tab栏切换echarts图表时，由于接口过慢，导致快速切换时，第一个的接口还没走完，就会点击第二次，这样就连续走两遍此接口，也会走两遍setInterval，这样图表就会混乱的问题 (比如：我先点击单位，会调单位接口，再点击类型，在快速切回单位，这时候单位的接口还没走完，这样就会连续走两遍单位接口，这样setInterval就会走两遍出问题)
切换调用接口时我是用watch监听去写的
4条回答 默认 最新
皮皮平 2023-01-09 15:53关注那你就得多做点处理了，得给你的setTimeout拿一个变量接住，再切换的时候判断，如果存在就移除掉哦。如果还不知道怎么修改，就粘贴代码出来，我可以复制修改那种，给你参考参考
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
- 2023-01-09 15:39回答 4 已采纳 那你就得多做点处理了，得给你的setTimeout拿一个变量接住，再切换的时候判断，如果存在就移除掉哦。如果还不知道怎么修改，就粘贴代码出来，我可以复制修改那种，给你参考参考
- 2022-08-11 11:56回答 1 已采纳 那应该是 options 变了吧 。注意options的变化
- 2021-06-09 18:15回答 3 已采纳 您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~ 如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～
- 2022-08-26 10:16三喂树屋的博客 使用：window.clearInterval和window.setInterval。不要直接使用：setInterval和clearInterval。
- 2023-03-17 12:45回答 3 已采纳 在为事件监听器添加回调函数时，您直接调用了this.stop()和this.goMove()。这会导致在绑定事件监听器时立即执行这些函数，而不是在事件触发时执行。你需要将它们作为回调函数传递。 if
- 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的返回值作为计时器要执行的函
- 2021-06-09 16:46白纸一样的博客 文章目录前言一、常见问题记录1.如何创建一个自适应的Echarts图表（动态给Echarts图表当前高度初始化+窗口缩放Echarts图表自适应）动态高度初始化思路一：通过css样式aspect-ratio（宽高比）解决思路二：通过在父...
- 2022-12-13 21:03回答 2 已采纳 这样写： setInterval(function () {、 let optionCopy = 你的option.series[0]; ooptionCopy.data[0].value=(Math
- 2022-03-11 18:29回答 3 已采纳 https://blog.csdn.net/tc1143481956/article/details/119798674 vue四个跑马灯
- 2022-03-28 11:39回答 2 已采纳 你这是重写echarts源码吗,echarts官网里面应该有类似的图表
- 2023-10-18 13:22暂时先用这个名字的博客 也可以使用开源代码自己开发前端，本文所介绍的就是ECharts的开发，这是一款基于JavaScript 的开源可视化图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE9/10/11，Chrome，Firefox，Safari等...
- 2022-01-19 15:19回答 5 已采纳 src存在停止监听，没毛病啊。还是你逻辑不对。clearInterval(srcload)方法应该写在else中？ function srconload() { var srcload = s
- 2022-07-12 20:56爱音斯坦牛的博客 需要做一个内容向上轮播的部分，奈何时间原因手写轮播不敢搞，网上也有一些组件，但是看起来不可靠，因此我得另找出路，最近正好在学echarts，有感而发，不知道能不能解决这个问题，经过查询，发现echarts还真的可以...
- 2023-07-07 10:42西门吹雪~的博客 以下是调用resize方法的方法： 直接调用resize方法 监听窗口大小变化并调用resize方法 5.1 直接调用resize方法 可以直接在JavaScript代码中调用ECharts实例的resize方法，例如： var myChart = echarts.init...
- 2022-01-09 17:07Saga Two的博客 1 引入Echarts 1.1 安装 使用如下命令通过 npm 安装 ECharts npm install echarts --save 注：本文安装Echarts版本为：“echarts”: “5.2.1” 1.2 引入 安装完成以后，可以将echarts全部引入，这样一来，我们...
- 2018-11-02 14:51Beam007的博客 在 webpack 中使用 ECharts详见官方文档： http://echarts.baidu.com/tutorial.html#%E5%9C%A8%20webpack%20%E4%B8%AD%E4%BD%BF%E7%94%A8%20ECharts 一、JSON.parse对象转换问题 obj = JSON.parse(data)时候...
- 2023-09-13 14:05bluejad的博客 （2）想要定时器每次更新数据时，只显示选择的图列则，必须使用myChart.setOption(options);...（1）想要在全局使用echats中的方法和属性，则必须把echarts在定时器setTImeout中初始化。（3）在axure中不能使用注释。
- 2022-06-12 11:45深巷的猫~的博客 Echarts 特点:丰富的可视化类型，折线图，柱状图，饼图，K线图 多种数据格式支持，key-value数据格式，二维表，TypedArray格式 流数据的支持，流数据的动态渲染，增量渲染技术 其他，移动端优化，跨平台使用，三维...
- 2022-07-15 16:55Yomuki的博客 step.3 基础渲染&卸载钩子 // useEcharts.js // 可以在此钩子中添加eventBus~ import echarts from "@/plugins/echarts"; import { onBeforeUnmount, onMounted, ref, shallowRef } from "vue"; export default () ...
- 没有解决我的问题, 去提问
问题事件
系统已结题
1月19日
已采纳回答
1月11日-
创建了问题
1月9日
悬赏问题
- ¥15 微信会员卡等级和折扣规则
- ¥15 微信公众平台自制会员卡可以通过收款码收款码收款进行自动积分吗
- ¥15 随身WiFi网络灯亮但是没有网络，如何解决？
- ¥15 gdf格式的脑电数据如何处理matlab
- ¥20 重新写的代码替换了之后运行hbuliderx就这样了
- ¥100 监控抖音用户作品更新可以微信公众号提醒
- ¥15 UE5 如何可以不渲染HDRIBackdrop背景
- ¥70 2048小游戏毕设项目
- ¥20 mysql架构，按照姓名分表
- ¥15 MATLAB实现区间[a,b]上的Gauss-Legendre积分