角图不显示饼图答案

【问题标题】：angular-chart not showing Pie Chart角图不显示饼图
【发布时间】：2016-06-29 21:51:50
【问题描述】：

我的 AngularJS 应用程序出现问题，无法从使用 Chart.JS 的 angular-chart 呈现饼图。

我已将 chart.js 注册为我的 Angular 模块中的依赖项，如下所示：

    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: 无法读取未定义的属性“地图” 在 v (angular-chart.min.js:323) 在 d (angular-chart.min.js:191) 在 angular-chart.min.js:150 在 n.$digest (angular.js:17073) 在 n.$apply (angular.js:17337) 在 l (angular.js:11572) 在 H (angular.js:11778) 在 XMLHttpRequest.u.onload (angular.js:11711)

请问我可能错过了哪些步骤？

【问题讨论】：

您是否在页面中包含了angular-chart.min.js 依赖项？
@Maverick976 - 是的，我已经做到了，包括我的愚蠢错误作为答案。

标签： angularjs chart.js angular-chart

【解决方案1】：

原来这是一个愚蠢的错误，它是“resultsDetails.labels”而不是“resultsDetails.label”。因为这是我第一次使用角度图表，所以我认为这是另外一回事，而不是最基本的东西。

【讨论】：