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

Question

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

我的 Stackbliz网址

Answer 1

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

要让这个在 stackblitz 中工作，您将必须执行以下操作。

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

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