【Vue基础-数字大屏】图表自适应大小

一、需求描述

缩放页面,页面中的图标自适应缩放

二、关键代码

1、图表横向全屏

2、监听,使图表自适应缩放

    myChart.setOption(option); 
    
    //监听页面大小改变
    window.addEventListener("resize",()=>{
        console.log("浏览器页面大小改变了")
        myChart.resize()
    })

三、效果展示

【Vue基础-数字大屏】图表自适应大小_第1张图片

四、学习链接

https://www.bilibili.com/video/BV14u411D7qK?p=37&spm_id_from=pageDriver&vd_source=841fee104972680a6cac4dbdbf144b50

你可能感兴趣的:(图表自适应大小,数字大屏,学习)