解决:使用echarts,宽度100%,高度100%。渲染的高度和宽度却是100px(解决不占满窗口的图表问题)

第一步:
// 获取放echarts的dom
var mySize = document.getElementById('main')
 
第二步:
// 给宽度 -270 是取合适自己盒子的值
mySize.style.width = window.innerWidth - 270 + 'px'
// 给高度 -650 是取合适自己盒子的值
mySize.style.height = window.innerHeight - 650 + 'px'
 
第三步:
// 基于准备好的dom,初始化echarts实例
var myChart = this.$echarts.init(mySize);
 
第四步:
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
 
第五步:
// 跟着缩放
window.addEventListener('resize', function () {
// 让我们的图表调用 resize这个方法
myChart.resize();
});
posted @ 2020-12-14 13:56  学渣不挂科  阅读(7825)  评论(0编辑  收藏  举报