Angular 表内D3图表（角度2）

我需要在表格中显示d3条形图。表行是动态的，我使用ngFor动态创建行。由于某些原因，图表无法显示。请看一下这张照片。

表格上方的条形图显示得很好。但表中重复的图表是未显示的图表

我还检查了如果我注释掉表格上方的条形图，那么表格第一行的图表会显示出来，但第二行的图表不会显示出来。

---

在这方面需要你的帮助吗？如果我遗漏了什么，请告诉我

在类图中始终使用第一个元素

要区分每个图表，我将执行以下操作：

bar-chart.component.html

---

在类图中始终使用第一个元素

要区分每个图表，我将执行以下操作：

bar-chart.component.html

---

谢谢工作得像个魔杖！！工作得很有魅力

<tr *ngFor="let item of itemsList">
            <td>{{item.firstName}}</td>
            <td>{{item.lastName}}</td>
            <td><bar-chart [chartData]="item.cData"></bar-chart></td>
          </tr>

const chart = d3.select('.chart')

<svg class="chart" #chart></svg> // add #chart

@ViewChild('chart') chart: ElementRef;
...
const chart = d3.select(this.chart.nativeElement);