echarts 图标直接设置宽度 100% 会默认魏100px,需要自适应方法如下
图标html
<el-col :span="8"> <div id="userNianling_three" style="width: 100%; height: 500px;" /> </el-col>
date里面定义图表
data() { return { myChart: null, } },
mounted里面
mounted() { // 宽度变化动态变化宽度 this.__resizeHandler = debounce(() => { if(this.myChart) { this.myChart.resize() } }, 100) window.addEventListener('resize', this.__resizeHandler) // 宽度给个初始化-某则只能变化宽度才能变化 this.__resizeHandler() },
然后页面销毁要去除监听
beforeDestroy() { window.removeEventListener('resize', this.__resizeHandler); },
图标的数据赋值就正常赋值就好了
标签:resizeHandler,.__,宽度,echarts,resize,图标 From: https://www.cnblogs.com/haonanZhang/p/18346840