如何在ng2-charts中使用插件？

Question

我不确定如何确切地将插件导入ng2-charts，特别是注释插件。我正在使用Angular2 / Ionic2。似乎没有任何文档或答案。

Answer 1

我会避免这样声明Chart。相反，您可以这样做，import {Chart} from 'chart.js'因为它仍然是ng2-charts的子依赖项。

通过这种方法，您的IDE仍然可以完成自动补全，而您并没有告诉angular只相信其中有一个Chart。

为了保持一致，您还应该将其添加到package.json中。

Answer 2

也许遵循这个线程（https://github.com/valor-software/ng2-charts/issues/496）以防出现更“官方”的方式，但这就是我所做的：

在组件的顶部：

declare var Chart: any;

这将阻止 TypeScript 抱怨并允许您访问 Chart 对象。

然后你可以使用：

Chart.pluginService.register

这是我使用的插件的代码示例： https://github.com/chartjs/Chart.js/issues/78#issuecomment-220829079

更新（2018 年 5 月）： 此答案可能无效，也不再是执行此操作的最佳方法。