円グラフで円グラフが表示されない

Question

AngularJSアプリケーションで、円チャートをChart.JSを使用する角度チャートからレンダリングしない問題があります。

私は次のように私の角度モジュール内の依存関係としてchart.jsを登録している

：

var app = angular.module("uniSurvey", 
         ["common.services", 
          "ui.router", 
          "chart.js"]); 

その後、私の視界内に、私は彼らのドキュメント以下の円グラフのキャンバスを追加しました：

<div ng-repeat="item in resultsDetails.items"> 
     <canvas id="pie" class="chart chart-pie chart-xs" 
       chart-data="resultsDetails.data" 
       chart-labels="resultsDetails.label" 
       chart-legend="resultsDetails.legend"></canvas> 
</div> 

私のコントローラでは、そのビューのために、次のようにチャートに必要なデータを設定しました：

(function() { 
"use strict"; 
angular 
    .module("uniSurvey") 
    .controller("ResultsDetailsController", ["$stateParams", "resultResource", ResultsDetailsController]); 

function ResultsDetailsController($stateParams, resultResource) { 
    var resultsDetails = this; 
    resultsDetails.currentSurveyId = $stateParams.id; 

    resultsDetails.labels = ["Download Sales", "In-Store Sales", "Mail-Order Sales"]; 
    resultsDetails.data = [300, 500, 100]; 
    resultsDetails.legend = true; 

    resultsDetails.items = []; 
} 

}（））;現在の設定では

、私は次のエラーを取得する：

angular.js:13550 TypeError: Cannot read property 'map' of undefined at v (angular-chart.min.js:323) at d (angular-chart.min.js:191) at angular-chart.min.js:150 at n.$digest (angular.js:17073) at n.$apply (angular.js:17337) at l (angular.js:11572) at H (angular.js:11778) at XMLHttpRequest.u.onload (angular.js:11711)

私がしてください見逃しているかもしれ手順何の任意のアイデア？

Answer 1

それは愚かな間違いだった、それは "resultsDetails.labels"ではなく "resultsDetails.label"でした。最初は角度チャートを使用しているので、これは他のものだと思っていました。最も基本的なものではありません。