角度图表未显示饼图-Java 学习之路

我在AngularJS应用程序中遇到问题，而不是使用Chart.JS从角度图表渲染饼图 .

我已将angular.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：无法在d（angular-chart.min.js：191）处在angular-chart.min.js读取v（angular-chart.min.js：323）的未定义属性'map' ：150.在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）

我可能错过了哪些步骤的想法？

1 回答

0

事实证明这是一个愚蠢的错误，它是“resultsDetails.labels”而不是“resultsDetails.label” . 因为这是我第一次使用角度图表，我认为这是别的东西，而不是最基本的东西 .

回复于 2024-04-27T05:00:56+08:00

角度图表未显示饼图

1 回答

相关问题