Angular-Charts not rendering

привет. Я пытаюсь просто сделать простой пример с сайта Angular-Charts, и я не могу его даже отобразить. Я предполагаю, что моя угловая директива не загружается или что-то еще.Angular-Charts not rendering

index.html

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title></title> 
    <link rel="stylesheet" href="js/dist/angular-chart.css"/> 
    <link rel="stylesheet" href="css/angular.css"/> 
</head> 
<body> 

<canvas id="line" class="chart chart-line" chart-data="data" 
     chart-labels="labels" chart-legend="true" chart-series="series" 
     chart-click="onClick" > 
</canvas> 

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.js"></script> 
<script src="http://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1/Chart.min.js"></script> 
<script src="js/dist/angular-chart.js"></script> 
<script src="js/chart.js"></script> 
</body> 
</html>

chart.js

angular.module("app", ["chart.js"]).controller("LineCtrl", function ($scope) { 

    $scope.labels = ["January", "February", "March", "April", "May", "June", "July"]; 
    $scope.series = ['Series A', 'Series B']; 
    $scope.data = [ 
     [65, 59, 80, 81, 56, 55, 40], 
     [28, 48, 40, 19, 86, 27, 90] 
    ]; 
    $scope.onClick = function (points, evt) { 
     console.log(points, evt); 
    }; 
});

источник

2015-10-14 user2402107

Я думаю, вам просто нужно связать ваш угловой с проектом.

<body ng-app="app" ng-controller="LineCtrl"> ... </body>

источник

2015-10-14 18:56:20 Kyle

Ошибка: недопустимый изолируют определение области действия для директивы chartLine: =? при ошибке (родной) at – user2402107

У вас довольно устаревшая версия углового - попробуйте обновленный CDN [https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js ] (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js) – Kyle

Вы были правы! – user2402107

Angular-Charts not rendering

ответ

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