问题:Echarts大小不能根据窗口自适应大小改变
问题图片
解决办法:
根据echarts的写法不同,解决办法也不同
echarts写法1:
//echats这种写法的,使用方法1
<div class="box" ref="height" />
const height = ref(null)
let chartLinerealtimeh = echarts.init(height.value)
/**
* 根据窗口大小,改变echats图的大小
*/
window.onresize = function () {
chartLinerealtimeh.resize()
}
charts写法2:
加上autoresize属性
//echarts这种写法,
<ECharts :option="lineOption" :autoresize="true" />