apiclould使用echarts手机横屏后图表错乱

HU_JIE

在手机横竖屏切换时折线图会变形，也添加了监听，每次取当前屏幕宽高对echart进行resize

1. window.addEventListener("orientationchange", () => {
   
2.                                         if (window.orientation == 90 || window.orientation == -90) {
   
3.                                                 //取小的高度
   
4.                                                 var height = api.winWidth > api.winHeight ? api.winHeight : api.winWidth
   
5.                                                 var width = api.winWidth < api.winHeight ? api.winHeight : api.winWidth
   
6.                                                 this.autoHeight = height - api.safeArea.top - 30
   
7.                                                 this.autoWidth = width
   
8.                                                 this.$nextTick(() => {
   
9.                                                         this.dyChart.resize({
   
10.                                                                 width: this.autoWidth,
    
11.                                                                 height: this.autoHeight
    
12. 
    
13.                                                         })
    
14.                                                 })
    
15. 
    
16.                                         } else if (window.orientation == 0) {
    
17.                                                 var height = api.winWidth < api.winHeight ? api.winHeight : api.winWidth
    
18.                                                 var width = api.winWidth > api.winHeight ? api.winHeight : api.winWidth
    
19.                                                 this.autoHeight = height - api.safeArea.top - 30
    
20.                                                 this.autoWidth = width
    
21.                                                 this.$nextTick(() => {
    
22.                                                         this.dyChart.resize({
    
23.                                                                 width: this.autoWidth,
    
24.                                                                 height: this.autoHeight
    
25.                                                         })
    
26.                                                 })
    
27.                                         }
    
28. 
    
29.                                 }, false);
    

复制代码

技术咨询-特特

切换成横屏的时候，重新open一下，完后设置宽高

HU_JIE

open当前页面吗

特特法爷 · 2022-3-16 16:20切换成横屏的时候，重新open一下，完后设置宽高

技术咨询-特特

是的

HU_JIE

您的意思是重新打开当前页面，并且将参数传过来，然后关掉之前的页面吗

特特法爷 · 2022-3-16 16:40是的

HU_JIE

打开当前页面后，然后重新查一次

HU_JIE · 2022-3-16 16:46您的意思是重新打开当前页面，并且将参数传过来，然后关掉之前的页面吗

技术咨询-特特

恩，你试下这样行不，完后重新设置宽高

HU_JIE

可以的，谢谢大佬，问题解决了，就是每次都要重新查一遍，感觉这个方法不是很聪明

特特法爷 · 2022-3-16 17:11恩，你试下这样行不，完后重新设置宽高

技术咨询-特特

先用着，以后有好的想法可以优化