Javascript 将angular.morris-chart添加到angular应用程序

我正在尝试在angular应用程序中使用angular.morris-chart.js绘制一些油炸圈饼图表。但是当我不知道如何添加它时。
我将js文件添加到我的libs目录中，在调用后将其添加到我的index.html中。我还将其注入我的应用程序中。
但它仍然不起作用。我在浏览器控制台中遇到此错误：“ReferenceError:Morris未定义”。

---

有什么线索可以解决我的问题吗？

您可以尝试使用ng morris：

---

您可以尝试使用ng morris：

在bower安装完morris图表后，这些文件将位于您的bower_组件中

在bower安装angular morris chart后，这些文件将位于bower_组件中。

您应该移动到。我已经在Angular 1.3和1.5中完美地使用了它

它真的很容易使用

添加以下内容：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-morris/1.3.0/angular-morris.min.js"></script>

然后在模板中使用它：

<div
bar-chart 
bar-data='[
    { y: "2006", a: 100, b: 90 },
    { y: "2007", a: 75,  b: 65 },
    { y: "2008", a: 50,  b: 40 },
    { y: "2009", a: 75,  b: 65 },
    { y: "2010", a: 50,  b: 40 },
    { y: "2011", a: 75,  b: 65 },
    { y: "2012", a: 100, b: 90 }
]'
bar-x='y'
bar-y='["a", "b"]'
bar-labels='["Series A", "Series B"]'
bar-colors='["#31C0BE", "#c7254e"]'>
</div>

一旦它出现，开始从控制器传递值

条形数据=.arrayname

（如果需要，请字符串化）

您应该移动到。我已经在Angular 1.3和1.5中完美地使用了它

它真的很容易使用

添加以下内容：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-morris/1.3.0/angular-morris.min.js"></script>

然后在模板中使用它：

<div
bar-chart 
bar-data='[
    { y: "2006", a: 100, b: 90 },
    { y: "2007", a: 75,  b: 65 },
    { y: "2008", a: 50,  b: 40 },
    { y: "2009", a: 75,  b: 65 },
    { y: "2010", a: 50,  b: 40 },
    { y: "2011", a: 75,  b: 65 },
    { y: "2012", a: 100, b: 90 }
]'
bar-x='y'
bar-y='["a", "b"]'
bar-labels='["Series A", "Series B"]'
bar-colors='["#31C0BE", "#c7254e"]'>
</div>

一旦它出现，开始从控制器传递值

---

bar data=.arrayname

（如果需要，请使用stringify）

我看到了，但他们建议使用angular.morris-chart.js，因为它们不再维护。我看到了，但他们建议使用angular.morris-chart.js，因为它们不再维护。