解决:使用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();
});


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM