antv图形二次渲染刷新问题

在进行antv数据可视化时，遇到了一些问题，比如画好图之后，改变一些参数，重新获取数据，重新渲染的方法在之前的博客上写了，可以使用changChart方法。
在获取完新数据之后，什么时候再一次进行渲染，如果直接写在获取数据的方法后面，可能数据还没有加载出来，就已经执行changChart()方法了，这让我们的图形就没有渲染成功。

解决方法1

第一次我想到的是使用定时器，可以在执行完获取数据的方法后，加上一个定时器，延迟1500或者2000，可以解决这个问题。

解决方法2

方法一虽然可以解决掉这个问题，但是在实际操作中，用户在经历修改条件之后，还要等待数据的获取，然后又要等待定时器的2秒钟，这对用户的体验感不是很好。所以后面我修改了一下，换成watch监听事件。监听改变的数据data，当数据重新加载完成之后，直接执行changChart()。经过测试，重新渲染的速度比定时器快的很多。
因为我们的数据是数组，所以记得在监听的时候使用深度监听。

  watch:{logTypeData:{handler(){this.changeChart()},deep:true}},

后续

其他的优化方案我暂时还没想出来，如果你有一些好的想法，可以留言或者私信。

antv图形二次渲染刷新问题相关推荐

图形 1.1渲染流水线（知识梳理笔记）
目录前言渲染流水线整体流程序应用阶段准备基本场景数据加速算法粗粒度剔除设置渲染状态,准备渲染参数调用Draw Call ,数据输出到显存几何阶段顶点着色顶点处理(可选) 投影裁 ...
(6)3DMAX之挤出修改器、倒角修改器、图形的可渲染属性
一.挤出修改器挤出的原理:按照垂直于二维图形的方向去进行厚度的挤出设置修改器的快速添加: 1.了解闭合图形的挤出:挤出之后的图形是一个完全实体的模型体块 2.了解非闭合图形的挤出:默认挤出之后会变 ...
3dmax图像采样器抗锯齿_内幕揭秘！同样的场景同一张图，用3DMAX网渲平台进行二次渲染时间竟然相差3个小时之多！...
一个分辨率:4000*2000的室内客餐厅,3dmax版本是2014版本,渲染器版本为vray3.63,机器:阿里云1台服务器,这个同样的场景同样的参数同一张图,用3dmax网渲平台进行二次渲染发现时 ...
upload_labs_pass17_二次渲染
pass17-源码分析打开pass17,貌似和前面的几关差不多(pass14,15,16都是图片马). 看源码和提示: 提示: 即利用上传的图片生成了一张新的图片. 源码: $is_upload = ...
echarts二次渲染时宽高为0图表不显示
echarts二次渲染时宽高为0图表不显示原因:echarts在dom树还没有构建完成时开始渲染,此时宽高还没赋值.导致图表宽高为0并不显示解决方法: 使用$this.nextTick()方法中调 ...
【后端检测-绕过】文件头检测绕过、二次渲染绕过
目录一.文件头检测绕过 1.1.原理: 1.2.工具: 1.3.常见的文件头: 1.4.利用过程: 二.二次渲染: 2.1.原理: 2.2.工具: 2.3.利用过程: GIF绕过: PNG绕过: 利 ...
【文件上传绕过】——二次渲染漏洞
文章目录一.实验目的: 二.漏洞说明: 1. 二次渲染原理: 2. 绕过: 3. 如何判断图片是否进行了二次处理? 三.工具: 四.实验环境: 五.准备环境: 六.页面源码: 七.GIF绕过: 八. ...
WEB攻防-通用漏洞文件上传二次渲染.htaccess变异免杀
目录知识点详细点文件二次渲染 php删除规则例题 CTF-Web入门-162 CTF-Web入门-163 CTF-Web入门-164 CTF-Web入门-165 CTF-Web入门-166 C ...
关于echarts数据二次渲染不成功
最近在使用echarts做报表需求,二次生成报表时数据合并,无法正确显示. 第一次渲染: 第二次渲染: 可以看到这里的echarts项的series变为2个(如上图),但是渲染后的效果series项还 ...

antv图形二次渲染刷新问题

解决方法1

解决方法2

后续

antv图形二次渲染刷新问题相关推荐

最新文章

热门文章