antv/G2 使用遇坑之旅

1. 当container中指定是这个容器的id名时，如果要复用这个组件，那么会在当前id下创建多个一样的图表组件，且样式会乱掉。因为指明了当前id. 解决方案：改用refs去指定即可。

this.chart = new Chart({
   container: this.chartRef.current,
   autoFit: true,
   height: 220,
});


render() {
  return <div id="hitogram" ref={this.chartRef} />;
}

2. 当你所使用的图表外侧包裹的容器使用了flex布局，会出现，图表不会自适应屏幕大小，会导致溢出。解决方案：使用百分比布局，不使用flex布局，另外需要延时调用forceFit()方法即可。

setTimeout(() => {
  this.chart.forceFit();
}, 0);