echarts

大屏：github.com/Hbuilderx/s…

方案：blog.csdn.net/Sophie_U/ar… blog.csdn.net/xgangzai/ar…

   vwvh方案
   https://www.cnblogs.com/caihongmin/p/18068288
   https://blog.csdn.net/qq_43770056/article/details/141895258?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_baidulandingword~default-0-141895258-blog-135691793.235^v43^pc_blog_bottom_relevance_base1&spm=1001.2101.3001.4242.1&utm_relevant_index=3

 calcRate() {
            const appRef = this.$refs["appRef"]
            if (!appRef) return
                // 当前宽高比
            const currentRate = parseFloat((window.innerWidth / window.innerHeight).toFixed(5))
            if (appRef) {
                if (currentRate > baseProportion) {
                    // let scaleRate = window.innerWidth / 1920
                    // 表示更宽
                    scale.width = ((window.innerHeight * baseProportion) / baseWidth).toFixed(5)
                    scale.height = (window.innerHeight / baseHeight).toFixed(5)
                    appRef.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`
                        // appRef.style.width = window.innerWidth / scaleRate
                } else {
                    // 表示更高
                    scale.height = ((window.innerWidth / baseProportion) / baseHeight).toFixed(5)
                    scale.width = (window.innerWidth / baseWidth).toFixed(5)
                    appRef.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`
                }
            }
        },
        resize() {
            clearTimeout(this.drawTiming)
            this.drawTiming = setTimeout(() => {
                this.calcRate()
                    // resize1()
            }, 200)
        }