Angularjs 角度图表/Chart.js不工作

我想在我的应用程序中加入图表，所以我安装了Angular-chart.js。 正如我所理解的，这种方法非常简单，但它会产生以下错误

索引

错误

有人有主意吗

---

谢谢

我猜，您使用的是AngularJS，不是Angular2/4。如果是这种情况，那么您应该使用CDN链接作为图表库引用

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script>
<script src="https://cdn.jsdelivr.net/angular.chartjs/latest/angular-chart.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-chart.js/1.0.3/angular-chart.min.js"></script>

---

您当前使用的图表库源用于node.js，我假设您使用的是AngularJS，而不是Angular2/4。如果是这种情况，那么您应该使用CDN链接作为图表库引用

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script>
<script src="https://cdn.jsdelivr.net/angular.chartjs/latest/angular-chart.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-chart.js/1.0.3/angular-chart.min.js"></script>

---

您当前使用的图表库源用于node.js

您可以使用相同的方法，确保

角度图表

和

图表.js

应具有正确的版本库引用

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script>
<script src="https://cdn.jsdelivr.net/angular.chartjs/latest/angular-chart.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-chart.js/1.0.3/angular-chart.min.js"></script>

多时隙转置

您可以使用相同的方法，确保

角度图表

和

图表.js

应具有正确的版本库引用

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script>
<script src="https://cdn.jsdelivr.net/angular.chartjs/latest/angular-chart.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-chart.js/1.0.3/angular-chart.min.js"></script>

多时隙转置

已解决。谢谢@ℊααnd。我不能下载这个库吗？不客气！是的，您可以下载它们并放置在项目的根目录中，然后可以使用相对路径，如

src=“Chart.min.js”

和

src=“angular Chart.min.js”

已解决。谢谢@ℊααnd。我不能下载这个库吗？不客气！是的，您可以下载它们并放置在项目的根目录中，然后可以使用相对路径，如

src=“Chart.min.js”

和

src=“angular Chart.min.js”

谢谢@SajeetharanThanks@Sajeetharan