使用ViewChild和ngAfterViewInit钩子对图表进行重新渲染。

在组件的HTML文件中，设置一个包含图表的div，并使用ngStyle指令将其大小设置为父级容器的大小：

在组件的TS文件中，使用ViewChild和ngAfterViewInit来获取父级容器的大小，并在重新渲染图表时将其应用于ngx-charts组件：

import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';
import { ChartComponent } from 'ng2-charts';

@Component({
  selector: 'app-my-chart',
  template: '
',
  styleUrls: ['./my-chart.component.css']
})
export class MyChartComponent implements AfterViewInit {

  @ViewChild('chartDiv') chartDiv: ElementRef;
  @ViewChild(ChartComponent) chartComponent: ChartComponent;

  public pieChartData: number[] = [];
  public pieChartLabels: string[] = [];
  public pieChartType = 'pie';
  public pieChartOptions: any = {
    responsive: true
  };

  parentHeight: string;
  parentWidth: string;

  ngAfterViewInit() {
    this.parentHeight = this.chartDiv.nativeElement.parentElement.offsetHeight + 'px';
    this.parentWidth = this.chartDiv.nativeElement.parentElement.offsetWidth + 'px';
    this.chartComponent.chart.update();
  }
}

该示例组件显示了一个饼图，将其大小设置为其父级容器的大小。在ngAfterViewInit钩子中，我们使用ViewChild获取chartDiv元素的引用，并使用nativeElement获取其父元素的高度和宽度。然后，我们更新ChartComponent的图表，并在这之后重新渲染。