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