vue使用echarts中resize()自适应屏幕宽度报错:Cannot read property ‘resize‘ of undefined
1、在echarts 使用resize()Api 屏幕变化的时候报:Uncaught TypeError: Cannot read property ‘resize’ of undefined2、看了大佬的文章:https://blog.csdn.net/HH18700418030/article/details/96281813虽然没使用到他说的方法,但是使用了评论者的方法,可行3、原先的的代码
·
1、在echarts 使用resize()Api 屏幕变化的时候报:Uncaught TypeError: Cannot read property ‘resize’ of undefined
2、看了大佬的文章:https://blog.csdn.net/HH18700418030/article/details/96281813虽然没使用到他说的方法,但是使用了评论者的方法,可行
3、原先的的代码:
mounted() {
this.$nextTick(() => {
this.myChart = echarts.init(document.getElementById("echartBox"));
this.getBarData();
})
window.addEventListener("resize", () => {
this.changeWidth();
})
},
methods: {
changeWidth() {
this.myChart.resize();
},
}
4、修改后的代码:
mounted() {
this.$nextTick(() => {
this.myChart = echarts.init(document.getElementById("echartBox"));
this.getBarData();
})
window.addEventListener("resize", () => {
// 判断是否存在,直接调用resize方法
if (this.myChart) this.myChart.resize()
})
},
日本奥运兵乓球女单半决赛莎莎子4-0横扫伊藤美诚
更多推荐
已为社区贡献35条内容
所有评论(0)