解決:使用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