如何使用Angular Chart

我是使用yeoman自动生成的angularjs框架,想在自己的单页面应用中加入图表元素,在网上搜到一个解决方案:angular-chart.js(http://jtblin.github.io/angular-chart.js/)。
跟随着教程一步一步来,到了
angular.module('myModule', ['chart.js']);
这一步卡住了,当我在对应的controller中这样写后,重新运行应用,发现页面上内容消失了,即ng-view的div块内没有内容了,但是console栏并没有报错。我也尝试了把['chart.js']写在app.js中,同样没有效果。
经调试发现,重新运行应用后,查看对应controller的scope发现,scope内的变量labels、data等都是undefine,代码根本没有运行到对应controller内去。

阅读 10.7k
4 个回答

把'chart.js'依赖放在app.js里面即可

首先看看你所有的文件是不是都引入了进来,像Chart.js,angular-chart.js。我自己试了一下,是可以的。

我也遇到了同样的问题,最后发现是以来的顺序错了,一定要首先引入chart.js 再引入 angular-chart.js

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进