echarts自适应宽高

最新推荐文章于 2024-08-29 10:05:35 发布

原创最新推荐文章于 2024-08-29 10:05:35 发布 · 319 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#echarts

js 同时被 2 个专栏收录

11 篇文章

订阅专栏

echarts

2 篇文章

订阅专栏

页面结构：

<div id="echarts_pie2" class="charts" :style="{height:vheight+ 'px',width:vwidth + 'px' }"></div>

js方法：

vheight:220,
vwidth:220,

this.vWidth = document.body.clientWidth - 20;
this.vheight = document.body.clientHeight - 20;
trendChart.resize({width:this.vWidth,height:this.vheight});

另外附带echarts点击空白处方法：

myChart.getZr().on('click', params => {
                if(params.target) {
                   console.log("非空白");
                }else{
                   console.log("空白"); 
                }
            })