2017-02-08 8 views
0

Ich habe ein einfaches Diagramm mit eckigen Diagramm und chart.js erstellt. Aber ich konnte keine Diagrammdarstellung sehen, wenn ich die HTML-Datei öffne. Wenn ich den Browser überprüfe, kann ich das Canvas-Layout sehen, aber es wird kein Chart angezeigt. Was ist der Fehler, den ich mache, wie ich es korrigieren kann?Angular Charts wird nicht angezeigt

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> 

Controller:

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

Antwort

1

Sie müssen den Diagrammtyp in den HTML-Code angeben,

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

DEMO

Verwandte Themen