【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大小自适应缩放
PHP教程资源网 » 【JavaScript】实现不用刷新页面echarts大小自适应缩放