300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 实现Echarts随着浏览器屏幕自适应缩放

实现Echarts随着浏览器屏幕自适应缩放

时间:2019-12-17 23:34:46

相关推荐

实现Echarts随着浏览器屏幕自适应缩放

如果echarts不做大小自适应的话,屏幕放大缩小是不会让实例自适应的,此时我们可以根据浏览器自带的监听屏幕事件window.addEventListener(‘resize’,function(){})这个方法,结合echarts官网中的chart.resize()方法。

其原理是浏览器监听屏幕大小变化,执行echarts中的chart.resize()方法。只要屏幕尺寸发生改变,echarts实例会紧跟着同比例放大缩小。

this.chartDjqx1.setOption(chartOption);window.addEventListener("resize", ()=>{this.chartDjqx1.resize();})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。