设置完option参数(不描述了)后进行生效设置
if (option && typeof option === "object") { //简单判断option是不是ok
// window.onresize = myChart.resize; 这句不管用
this.myChart.setOption(option, true);
// window.onresize = myChart.resize; 这句不管用
// 用getelementbyid、this.$refs...等方法获得offsetHeight都是不带有白边时的高度:462px,实际高度应为522px,因此渲染出来的echart小,而容器dom大,所以产生了白边
//所以换个思路,从window中获取这个大dom的高度,然后剪掉我当时设置的padding和margin的值
let windowh =
window.innerHeight ||
document.documentElement.clientHeight ||
document.body.clientHeight; //浏览器高度
// console.log(windowh, "hhhhhhhhhhhh");
let newechartheight = windowh - 40; //40就是client与上面控件的margin和padding的总和,这个自己可以根据实际情况减少
// console.log(newechartheight, "newechartheight");
let windowx =
window.innerWidth ||
document.documentElement.clientWidth ||
document.body.clientWidth; //浏览器宽度
// console.log(windowx, "windowx");
let newechartwidth = windowx - 240; //240就是client与左边控件margin和padding的总和,这个自己可以根据实际情况减少
this.myChart.resize({ width: newechartwidth, height: newechartheight });
}