角圖根據例

Question

嗨，我有問題加載角度圖，我使用的圓環圖的一個例子，在這裏不渲染是我的本錢：

HTML

<div> 
    <canvas id="doughnut" class="chart chart-doughnut" 
     chart-data="data" chart-labels="labels"></canvas> 
</div> 

我使用oczlazyloading：我的配置：

angular.module('app') 
    .config(['$ocLazyLoadProvider', function($ocLazyLoadProvider) { 
     $ocLazyLoadProvider.config({ 
      debug: true, 
      events: true, 
      modules: [{ 
       name: 'chart.js', 
        files: [ 
         'assets/plugins/angular-charts/Chart.min.js', 
         'assets/plugins/angular-charts/angular-chart.min.js' 
        ] 
      } 

... 

我的UI路由器狀態配置：

.state('app.dashboard', { 
        url: "/dashboard", 
        templateUrl: "tpl/dashboard.html", 
        controller: 'DashboardCtrl', 
        resolve: { 
         deps: ['$ocLazyLoad', function($ocLazyLoad) { 
          return $ocLazyLoad.load([ 
            'nvd3', 
            'mapplic', 
            'rickshaw', 
            'metrojs', 
            'sparkline', 
            'skycons', 
            'switchery', 
            'chart.js' 
           ], { 
            insertBefore: '#lazyload_placeholder' 
           }) 
           .then(function() { 
            return $ocLazyLoad.load([ 
             'assets/js/directives/widget-1.js', 
             'assets/js/controllers/dashboard.js' 
            ]); 
           }); 
         }] 
        } 
       }) 

我在DashboardCtrl範圍：基於

$scope.labels = ["Download Sales", "In-Store Sales", "Mail-Order Sales"]; 
     $scope.data = [300, 500, 100]; 

在此我期待甜甜圈圖表呈現爲每示例頁角圖表：https://jtblin.github.io/angular-chart.js/

但是，沒有呈現。我不確定我做錯了什麼。

感謝

Answer 1

確保您使用的是正確的版本，並在事情應該是這樣，總是最好使用上述1.4

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> 
<script src="chartjs/Chart.js"></script> 
<script src="chartjs/angular-chart.js"></script> 
<script src="js/index.js"></script> 

DEMO