我正在尝试使用angular-chartjs库但遇到了一些问题.页面上没有错误.但画布是空的.
有人有想法吗?我尝试过几次重新排序脚本.我只是想不出来.:(
这是html.
<html ng-app="profitly">
<head>
<script src="js/lib/jquery.min.js"></script>
<script src="js/lib/Chart.js"></script>
<script src="js/lib/angular.min.js"></script>
<script src="js/lib/angular-route.min.js"></script>
<script src="js/lib/angular-chartjs.min.js"></script>
<script src="js/controller.js"></script>
</head>
<body ng-controller="MainController" class="container-fluid">
<div class="wrapper" ng-view>
<article ng-controller="graph">
<cjs-doughnut dataset="someData" options="someOptions" segment-stroke-width="5"></cjs-doughnut>
</article>
</div>
</body>
<html>
Run Code Online (Sandbox Code Playgroud)
这是应用程序初始化:
var app = angular.module('profitly', ['ngRoute', 'chartjs']);
Run Code Online (Sandbox Code Playgroud)
以下是此部分的控制器:
app.controller('graph', function($scope) {
$scope.someData = {
labels: [
'Supply',
'May',
'Jun'
],
datasets: [
{
data: [1, 7, 15, 19, 31, 40]
},
{
data: [6, 12, …Run Code Online (Sandbox Code Playgroud) 我正在尝试在我的应用程序中加载Google电子表格,但我无法让它工作.我已经尝试了不同的方式访问树结构(通过控制器和/或通过HTML),但没有一个工作.知道什么可能是错的吗?
这是我的控制器:
app.controller('SuperCtrl', ['$scope', '$http', function($scope,$http) {
$http.get("https://spreadsheets.google.com/feeds/list/1lZWwacSVxTD_ciOsuNsrzeMTNAl0Dj8SOrbaMqPKM7U/od6/public/values?alt=json-in-script&callback=x")
.success(function(response) {
$scope.items = response;
});
}]);
Run Code Online (Sandbox Code Playgroud)
这是HTML:
<ul ng-controller="SuperCtrl">
<li ng-repeat="item in items.feed.entry">
{{ item.title.type }}
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)