现在网页一般都要求自适应,其实很简单,在创建图表的代码下方加一段代码就可以
找个盒子放图表
<div
ref="EChartOne"
id="EChartOne"
style="width: 100%; height: 90%"></div>
js部分
let EChart = this.$echarts.init(document.getElementById('EChartOne'))
let config = {
//图表的配置
}
EChart.setOption(config)
window.addEventListener('resize', function () {
EChart.resize()
})
直接复制上面代码,即可实现图表自适应