AngularJS Donut无法正常工作

用户5397448

我是AngularJS的新手。我正在尝试在AngularJS中创建一个甜甜圈。我已经引用了此链接,因为它在控制台日志中未显示任何错误,所以我没有错,这是我的代码。我已经创建了插件,请帮助我解决问题。这是我的代码。

<!DOCTYPE html>
<html ng-app="MyApp" >
<head>
<meta charset="utf-8">
<title>AngularJS Plunker</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<link rel="stylesheet" href="angular-chart.css">
<link rel="stylesheet" href="style.css">
</head>

<body ng-controller="MyCtrl">

<form name='myform' ng-init="step = 1">

<div ng-show="step==1">
<div class="row">
<div class="col-sm-6"> <h3 class="zoomIn">I am</h3> </div>
<div ng-form='step1form'>
<div class="col-sm-6">
<canvas id="doughnut" class="chart chart-doughnut" data="polarData.data" labels="polarData.labels" legend="true">
</canvas>
</div>
</div>
</div>
</div>

</form>

<script>document.write("<base href=\"" + document.location + "\" />");</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular-animate.js"></script>
<script type="text/javascript" src="Chart.js"></script>
<script type="text/javascript" src="angular-chart.js"></script>
<script src="app.js"></script>

</body>
</html>
Shaohao Lin

您忘了包含chart.js该应用程序。

app.js

你有过:

var app = angular.module("MyApp", ["ngAnimate"]);

您需要包括chart.js模型才能使用该库。

var app = angular.module("MyApp", ["ngAnimate", "chart.js"]);

工作柱塞

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

angularjs无法正常工作

来自分类Dev

Angularjs 无法正常工作

来自分类Dev

AngularJS服务无法正常工作

来自分类Dev

AngularJS指令无法正常工作

来自分类Dev

angularjs路由无法正常工作

来自分类Dev

AngularJS:ngChecked无法正常工作

来自分类Dev

AngularJS表无法正常工作

来自分类Dev

AngularJS ngRoute无法正常工作

来自分类Dev

服务无法正常工作-AngularJS

来自分类Dev

AngularJS ngResource无法正常工作

来自分类Dev

AngularJS路由无法正常工作

来自分类Dev

AngularJS + RequireJS无法正常工作

来自分类Dev

AngularJS DataBinding无法正常工作

来自分类Dev

AngularJS服务无法正常工作

来自分类Dev

jsfiddle angularjs无法正常工作

来自分类Dev

单击angularjs无法正常工作

来自分类Dev

AngularJS 单击无法正常工作

来自分类Dev

AngularJS-ngShow无法正常工作

来自分类Dev

AngularJs ng-repeat无法正常工作

来自分类Dev

AngularJs中的Typeahead无法正常工作?

来自分类Dev

AngularJS:$ scope.emit无法正常工作

来自分类Dev

多选插件-AngularJs-无法正常工作

来自分类Dev

AngularJS 1.2-ngAnimate无法正常工作

来自分类Dev

AngularJS中的服务无法正常工作

来自分类Dev

AngularJs排序顺序无法正常工作

来自分类Dev

AngularJS密码确认noMatch无法正常工作?

来自分类Dev

无法获得Angularjs承诺能正常工作

来自分类Dev

AngularJS:ng-keypress无法正常工作

来自分类Dev

uib-pagination无法正常工作Angularjs