如何获取API数据并传递给图表指令？

Question

基于stackoverflow和github发布帖子，我已经能够获取API数据，并且还显示图表。现在我很难将数据正确地传递给图表。

尽我所能，我试图复制我的程序：Plunkr。

在我的本地服务器上，我可以将以下数据传递给我的图表指令:(我也在我的 <script> $(document).ready(function() { $('#associations').dataTable(); } ); </script> 注释了我在哪里控制。记录app/volume-charts.ts）

一旦数据传递给它，就打印出图表本身： this.data（也在plunkr的console.log(this.barChart)中提及）

我在代码中做的事情似乎有问题：在app/volume-charts.ts中，我添加对图表的引用（第70行），然后删除它们（第43行）。该图表有一个problem，用于删除旧数据。看起来我只需要删除旧画布并为我的下一个图表添加另一个。

对正确方向的任何有益的推动表示赞赏。看起来数据正在到达图表指令文件，但是当我将数据应用到图表时，它不起作用。

编辑：我正在使用Chart.js来创建图表。此外，在将字符串输入app.component.ts字段时，您需要使用现有符号（即GOOG或AAPL），因为我没有对错误符号进行任何验证或错误捕获。

Edit2：好的，我想我修复了api电话。我忘了导入rxjs。 Plunkr更新了。