解决:使用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(); });
上一篇:JQuery自定义resize事件代码解析


下一篇:样式 - resize(未完)