Morris图表不起作用(AngularJS)



我正在开发一个围绕AngularJS构建的小接口。我有一个index.html文件,并构建了一个到base.html文件的路径(使用ng视图),该文件包含几个元素,包括Morris图表。然而,当我启动我的index.html时,base.html中的所有内容都会显示。。。除了图表。控制台中出现以下错误:Error: Graph container element not found

因此,我尝试在我的元素(将包含图表)创建后将我的脚本morris.js(和其他2个)移动到base.html,但这两个都不起作用。

index.html

<!DOCTYPE html>
<div ng-app="pistApp" ng-controller="MainController" id="wrapper">
    <div ng-view id="page-wrapper">
    </div>
</div>

base.html

<!-- other elements who works but I simplify -->
<div id="morris-area-chart"></div>

由于Angularjs不在ng-view 中加载脚本而解决的问题

我只需要在angular脚本之前包含jQuery。

Include in your project-'raphael/raphael.js','morris.js/morris.js', 'angular-morris-chart/src/angular-morris-chart.js','morris.js/morris.css'

在bower安装angular morris图表后,这些文件将在您的bower_components中。

尝试中的示例https://angular-morris-chart.stpa.co/

它会起作用的。

最新更新