角度圖不顯示餅圖

我在我的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)

什麼步驟，我可能已經錯過了請任何想法？

來源

2016-06-29 Ryan S

您是否在頁面中包含了'angular-chart.min.js'依賴項？ – Maverick976

@ Maverick976 - 是的，我已經這樣做了，把我愚蠢的錯誤當作答案。 –

原來這是一個愚蠢的錯誤，它是「resultsDetails.labels」而不是「resultsDetails.label」。由於這是我第一次使用角度圖，我認爲這是另一回事，而不是最基本的東西。

來源

2016-06-29 21:59:09

角度圖不顯示餅圖

回答

相關問題