使用echarts出现warning:“There is a chart instance already initialized on the dom.”; 图表数据缓存导致的渲染问题


原因:在同一d容器内,options配置项数据变动,多次渲染导致

解决方法: echarts.getInstanceByD()

<div id="echarts" ref="echartsRef"></div <script> let myChart = echarts.getInstanceByD(this.$refs.echartsRef) if (myChart == null) const option = myChart.setOption(option) this.$once('hook:beforeDestroy', () => ) </script>

图表数据缓存导致的渲染问题

使用setOption时添加第二个参数: myChart.setOption(option, true)
强制更新数据,不进行merge合并



上一篇:vue中 element table组件 添加数据加载出来之前的状态/loading

下一篇:var let const 的区别


Copyright © 2002-2019 k262电脑网 www.k262.cn 皖ICP备2020016292号
温馨提示:部分文章图片数据来源与网络,仅供参考!版权归原作者所有,如有侵权请联系删除!QQ:251442993 热门搜索 网站地图