如何在Chartblitz中添加chartjs插件漏斗,插件?

时间:2018-10-13 19:48:24

标签: angular primeng stackblitz

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

我的Stackbliz URL

1 个答案:

答案 0 :(得分:1)

更新:对不起,当我发布最后一个链接时,我不在键盘上,我现在在电脑上,有机会玩一点。这个与其他两个略有不同,因为在YetiForceCompany github上的url发行版不会像其他两个导航时一样自动下载缩小的.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发行版,无法在script标签的src中使用。