Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 不显示角度图表_Angularjs_Angular Chart_Chart.js - Fatal编程技术网

Angularjs 不显示角度图表

Angularjs 不显示角度图表,angularjs,angular-chart,chart.js,Angularjs,Angular Chart,Chart.js,我使用angular chart和chart.js创建了一个基本图表。但是当我打开html文件时,我看不到任何图表表示。当我检查浏览器时,我可以看到画布布局,但没有显示图表。我所犯的错误是什么,如何改正 HTML: 您需要在html中指定图表类型 <canvas id="bar" class="chart chart-bar" chart-data="data" chart-series="series" chart-labels="labels"></canvas>

我使用angular chart和chart.js创建了一个基本图表。但是当我打开html文件时,我看不到任何图表表示。当我检查浏览器时,我可以看到画布布局,但没有显示图表。我所犯的错误是什么,如何改正

HTML:


您需要在html中指定图表类型

<canvas id="bar" class="chart chart-bar" chart-data="data" chart-series="series" chart-labels="labels"></canvas>

angular.module("app", ["chart.js"]).controller("PolarAreaCtrl", function     ($scope) {
   $scope.labels = ["Download Sales", "In-Store Sales", "Mail-Order Sales",  "Tele Sales", "Corporate Sales"];
   $scope.data = [300, 500, 100, 40, 120];
});
<canvas id="bar" class="chart chart-bar" chart-data="data" chart-series="series" chart-labels="labels"></canvas>