echart图表自适应
2020-06-18 本文已影响0人
七號7777
参考文章:https://blog.csdn.net/qq_29541333/article/details/93640190
data () {
return {
resizeTimer: null, // 监听屏幕变化的定时器
chartObj: {
mapAddress: null // 图
}
}
},
mounted() {
// 屏幕大小变化
let _this = this;
window.addEventListener('resize', function () {
if (_this.resizeTimer) clearTimeout(_this.resizeTimer);
_this.resizeTimer = setTimeout(function () {
_this.chartObj.mapAddress.resize()
}, 100)
})
},
methods: {
// 画图的方法
drawMap(div) {
var myChart = echarts.init(document.getElementById(mapDiv));
this.chartObj.mapAddress = myChart
.........
}
}