其他分享
首页 > 其他分享> > echarts图表 兼容性更强的窗口自适应方案

echarts图表 兼容性更强的窗口自适应方案

作者:互联网

之前一直用的是这个

let myChart = echarts.init(this.$refs.myCharts)
myChart.setOption(option)
this.$nextTick(() => {
    myChart.resize()
    window.onresize = myChart.resize
})

但是后面发现有多个图表在同一页面的时候,这个方法就失效了,然后换成下面这种方法,就解决了这个问题。

let myChart = echarts.init(this.$refs.myCharts)
myChart.setOption(option)
window.addEventListener('resize', function () {
    myChart.resize()
})

标签:兼容性,option,refs,myChart,setOption,图表,echarts,resize
来源: https://blog.csdn.net/wsd_wsd/article/details/121946446