饼图颜色未在订阅方法中加载

Question

我正在使用Ng2-charts在有角度的App中绘制饼图。

如果我在this.pieChartData或constructor内分配ngOnInIt值，则饼图将正确呈现，没有任何问题。

ngOnInit () { this.pieChartData = [10,20]; } // works fine

但是，如果我在.subscribe方法中分配值，则饼图颜色不会呈现。

    this.service.getJiraOpenIssues('22407')
    .subscribe((response)=>{
     this.pieChartData = [10,20];
  });

请告诉我我在做什么错了。

Answer 1

在constructor或ngOnInit()中传递数据时，它会很好地工作，因为charts会在渲染之前获取数据。

在您的情况下，您正在subscribe中传递数据，那么图表将无法获取您的数据。

您必须告诉chart您有一些新数据。为此，您必须使用 .update（）方法来更新图表数据。而已。

然后，您的图表将呈现新的更新数据。 ：）

有关详细的示例代码，请查看此example。它可能会帮助您。