AntV G2图表宽高自适应问题（第一次加载canvas宽度大于div）——Angular

一、问题描述

第一次加载图表，canvas死活大于给定div的宽度，实例化chart使用了autoFit: true
调整页面窗口大小，又自适应了

相当郁闷！！！

二、分析

显然，autoFit: true是在后来改变窗口大小时才被起作用了，分两种情况：

• 第一次加载时，autoFit: true 根本不起作用；
• 第一次加载时，autoFit: true 有起作用，但是dom都还没有渲染完成，autoFit看似有用，其实还是没用（不知道宽度怎么用）；

三、解决

  ngOnInit(): void {
    // this.createChart1();   不放在这
  }

  ngAfterViewInit():void{
    this.createChart1();     //放在这个里面
  }

Vue解决方法：https://blog.csdn.net/qq_42597536/article/details/90168549

解决了就点个赞~