在angular2应用程序中div内的D3图表无法正确呈现

Question

我是d3的新手。 我正在我的angular2应用程序中集成d3图表。这是定制的d3图表。图表未完全呈现，仅当我按F12键时才有效。有什么理由发生这种情况吗？在下面的代码片段中，关系图是d3图表。

MAIL FROM:

任何人都可以帮我吗？这是关系图d3代码：

<div class="ui-g" style="margin-bottom:20px;">
  <div class="ui-g-12">
    <relationship-chart></relationship-chart>                      
  </div>
</div>

由于

Answer 1

将以下代码添加到ngChanges（）修复了该问题。不确定这是否是一个优雅的答案：

  ngOnChanges(changes: SimpleChanges): void {
    setTimeout(_ => this.redraw(), 10);
  }