問題タブ [ng2-charts]

私は最近 Angular2で作業を始めており、フレームワークng2-chartsについて質問があります。

これが私のcomponent.tsコードです：

component.htmlコード:

サービスコード:

上記のコードでは、ここに私が持っているもの、色のないチャートがあります:

実際、コードを詳しく調べたところ、HTML コンポーネントは最初に変数を取得し、その後で更新していました。そのため、ラベルが空の場合、いくつかのラベルを追加しても、それらは未定義として追加されます。したがって、適切な値を含むグラフがありますが、適切なラベルはありません。すべてが未定義としてマークされています。

そして、最初にラベルを開始すると、適切な値を持つ適切な色付きのチャートが作成されます

だから私の質問は：

データをロードしてから HTML コンポーネントをレンダリングする方法は?

chart.js コンポーネントをデータなしでレンダリングし、正しいラベルとデータで更新する方法はありますか?

助けが必要です、ありがとう。