小编Ima*_*lea的帖子

带有AngularJS的ChartJS - Canvas不会显示任何内容

我正在尝试使用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)

javascript canvas angularjs chart.js

8
推荐指数
1
解决办法
8508
查看次数

在AngularJS App中加载JSON(加载谷歌电子表格)

我正在尝试在我的应用程序中加载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)

javascript json google-sheets angularjs

4
推荐指数
1
解决办法
5373
查看次数

标签 统计

angularjs ×2

javascript ×2

canvas ×1

chart.js ×1

google-sheets ×1

json ×1