我知道的方法就是加个定时器,然后重新加载就好了,别问我为什么,因为我也不知道为什么加个定时器就好了
html代码,自己手动写的切换图标按钮
<div class="changeBtn">
<span @click="changeZhu">柱</span>
<span @click="changePie">饼</span>
</div>
这是js代码,切换之后还要重新加载一下
//切换柱状图
changeZhu() {
this.isChangePie = false;
this.isChange = true;
// let div = this.$refs.kequnqufenwd;
// div.style.width = "100%";
// div.style.height = "400px";
setTimeout(() => {
this.chartBar.resize();
}, 100);
},
如果不加定时器就需要点击两次才渲染出来,至于为什么加个定时器点击点击一次就能渲染出来,我也没搞懂,希望了解的小伙伴留言,互相学习~~