项目中,当网页变大变小后,echarts图并不会随屏幕大小变大变小,要求echarts随屏幕大小而变化,
1、npm i esresize 安装esresize.js(网上百度找)并在echarts中引入,注意使用带大括号的方式(import {EleResize} from 'esresize' )
2、/*eCharts自适应方法*/
resizeEcharts(id, chart) {
let dom = document.getElementById(id);
let lestener = function () {
chart.resize();
}
EleResize.on(dom, lestener);
}
3、在调用setOption()方法后调用该方法
resizeEcharts(id, chart)// id 为该dom的id,chart为该echarts初始化后赋值的名字,
// id值得多说下,若是id由父组件传过来的,直接使用。若id不是其他组件传过来的,则需要在data中声明下id,值为id