Question

我使用angular chart和chart.js创建了一个基本图表。但是当我打开html文件时，我看不到任何图表表示。当我检查浏览器时，我能够看到画布布局，但没有显示图表。我在做什么，如何纠正它。

HTML：

<head>
   <title>CHART</title>
   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script>
   <script src=Chart.js></script>
   <script src="angular-chart.js"></script>    
   <script src="chartExmp.js"></script>
</head>
<body>
   <div ng-app="app" ng-controller="PolarAreaCtrl">
   <canvas  chart-data="data" chart-labels="labels" chart-options="options">
   </canvas> 
</body>

控制器：

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];
});

Answer 1

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

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

DEMO

不显示角度图表

1 个答案: