解决AntV G2图表宽高自适应时第一次加载(初始化)宽度略宽问题

it2026-03-01  5

问题描述

AntV G2图表结合栅格系统,在第一次加载后图表比父盒子略宽(ant design of vue),但刷新后或改变窗口宽度后恢复正常。

解决

在mounted函数里图表初始化后加上如下代码:

mounted () { this.loadingAllChart() // 下面代码解决第一次渲染,图标宽度过款问题 const e = document.createEvent('Event') e.initEvent('resize', true, true) window.dispatchEvent(e) },

react也类似,在渲染图标后主动触发resize函数。即添加以上代码。

最新回复(0)