2017-02-08 15 views
0

Я создал базовую диаграмму с использованием угловой диаграммы и 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]; 
}); 

ответ

1

Вы должны указать тип диаграммы в формате HTML,

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

DEMO

 Смежные вопросы

  • Нет связанных вопросов^_^