【JavaScript】实现不用刷新页面echarts大小自适应缩放

问题:echarts图不会即时随容器尺寸的变化而自适应缩放
思路:监听一下外部容器的尺寸变化,然后resize
代码:

 

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }]
};
// 自适应的部分
myChart.clear();
        myChart.setOption(option,true);
        window.addEventListener('resize',() => {
            if(myChart){
                myChart.resize()
            }
        })
免责声明: PHPPHP所发布的一切破解补丁、注册机和注册信息及软件的解密分析文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理,邮箱:xxbbyy@88.com 如下载链接打不开了请发送文章链接到邮箱:xxbbyy@88.com,我们将尽快处理。
PHP教程资源网 » 【JavaScript】实现不用刷新页面echarts大小自适应缩放

发表评论

提供最优质的资源集合

立即查看 了解详情