如何在 stackblitz 中添加 chartjs 插件漏斗、插件？

Question

我正在尝试在 stackblitz 中创建一个 angular6 Primeng 6 应用程序。我在其中使用 PrimeNg 图表。我还想添加使用 chartjs-plugin-datalabels 和 chartjs-plugin-funnel 。我可以使用 ChartJs 和 chartjs-plugin-datalabels，但无法找到如何使用 chartjs-plugin-funnel。 Chartjs funnel NPM

我的 Stackbliz URL

Answer 1

更新： 抱歉，我发布最后一个 link 时不在键盘旁边，我现在在电脑前，有机会玩一下这个。这个与其他两个略有不同，因为 YetiForceCompany github url 上的版本不会像其他两个那样在您导航到它们时自动下载缩小的 .js 文件。 . 他们的发布 api 是一个 zip 文件中的完整项目源，这在以 url 作为 src 的脚本标签中不起作用。

要在 stackblitz 中使用此工具，您必须执行以下操作。

1. 转到此 link 获取 RAW 版本 https://raw.githubusercontent.com/YetiForceCompany/chartjs-plugin-funnel/master/dist/chart.funnel.bundled.min.js
2. 然后您将不得不 select 全部并复制 整个 缩小的原始代码。
3. 然后将包裹在 <script></script> 标签中的整个内容粘贴到您的 index.html 中，不要 使用 src... 是的，将整个原始代码块粘贴在打开和关闭脚本标记之间。

这应该能让这个插件在你的 stackblitz 中工作...这个插件是独一无二的，因为这个插件的 github 版本没有正确设置，无法在脚本标签的 src 中使用。