Echarts在手机端渲染的时候可能会出现图表渲染失真(结果并不是我们想要的)的现象,主要的原因就是Echarts在渲染图表的时候还没来得及重新计算好渲染的尺寸,导致渲染失真,因此解决办法之一就是在渲染之前加上这段代码:
window.onresize = function(){
myChart.resize()
}这段代码的意思是,在重新计算显示屏的大小的时候,让图表对象重新调整以达到自适应的效果。
本文介绍了ECharts在手机端渲染时可能出现的问题及其解决方案。主要原因是图表尺寸未正确计算,导致渲染失真。通过添加窗口尺寸变化监听并调用图表的 resize 方法可以实现自适应效果。
Echarts在手机端渲染的时候可能会出现图表渲染失真(结果并不是我们想要的)的现象,主要的原因就是Echarts在渲染图表的时候还没来得及重新计算好渲染的尺寸,导致渲染失真,因此解决办法之一就是在渲染之前加上这段代码:
window.onresize = function(){
myChart.resize()
}这段代码的意思是,在重新计算显示屏的大小的时候,让图表对象重新调整以达到自适应的效果。
2751
1968

被折叠的 条评论
为什么被折叠?