Angular-Chart.js no muestra el gráfico

Estoy tratando de usar Angular-chart.js, no muestra nada para mí, aquí está mi página de JavaScript y HTML

(function(){
 angular.module("app", ["chart.js"]).controller("BarCtrl", function ($scope) {
    $scope.labels = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];
    $scope.series = ['Series A', 'Series B'];

    $scope.data = [
      [65, 59, 80, 81, 56, 55, 40],
      [28, 48, 40, 19, 86, 27, 90]
    ];
 });
})(); 
    
<!DOCTYPE html>
<html>

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.2/Chart.min.js
    "></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/angular.chartjs/latest/angular-chart.css
    " />
    <script src="angular-chart.min.js
    "></script>
    <script src="app.js"></script>
</head>

<body ng-app="app">
    <div ng-controller="BarCtrl">
        <canvas id="bar" class="chart chart-bar" chart-data="data" chart-labels="labels"></canvas>
    </div>

</body>

</html>

No entiendo dónde está el error, gracias de antemano por su ayuda

 Syed Ekram Uddin Emon10 may. 2016 17:52
Qué navegador estás usando. ¿Estás utilizando alguna herramienta de desarrollo, algo en la consola?
 Belal Mostafa Amin10 may. 2016 17:55
Estoy usando Google Chrome, probé todas las marcas posibles, revisé mi app.js muchas veces, nada en la consola, ni advertencias, ni errores, nada.

Respuestas a la pregunta(4)

Solución de preguntas

.js. A continuación hay un fragmento, que muestra un gráfico de trabajo. Incluye v1.1.1 de chart.js

angular.module("app", ["chart.js"]).controller("BarCtrl", function($scope) {
  $scope.labels = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];
  $scope.series = ['Series A', 'Series B'];

  $scope.data = [
    [65, 59, 80, 81, 56, 55, 40],
    [28, 48, 40, 19, 86, 27, 90]
  ];
});
<!DOCTYPE html>
<html>

<head>
  <script data-require="[email protected]" data-semver="1.5.3" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.1.1/Chart.min.js"></script>
  <script src="http://jtblin.github.io/angular-chart.js/dist/angular-chart.js"></script>
  <link rel="stylesheet" href="https://raw.githubusercontent.com/jtblin/angular-chart.js/master/dist/angular-chart.min.css" />
  <script src="app.js"></script>
</head>

<body ng-app="app">
  <div ng-controller="BarCtrl">
    <canvas id="bar" class="chart chart-bar" chart-data="data" chart-labels="labels" chart-series="series"></canvas>
  </div>
</body>

</html>

 Dustin Hodges10 may. 2016 18:57
Me alegra ayudar :) He usado angular-chart.js antes y me gusta mucho. Esperemos que se actualice para admitir v2 de chart.js
 Belal Mostafa Amin10 may. 2016 18:55
Hombre, eres un héroe: D FUNCIONÓ: D Quiero darte 100 aperturas, han pasado alrededor de 3 horas y no entiendo qué hacer: D gracias a un millón de hombres realmente muchas gracias
 Dustin Hodges10 may. 2016 19:15
Realmente depende de su aplicación. Si está utilizando angular, probablemente necesitará encontrar una biblioteca que ofrezca enlaces a una biblioteca de gráficos js nativa (como angular-chart.js). Si solo usa angular para poder usar la biblioteca angular-chart.js, probablemente sea mejor usar solo las bibliotecas nativas. Hay varias bibliotecas angulares que le permiten interactuar con diferentes bibliotecas de gráficos, aunque solo he usado angular-chart.js
 Belal Mostafa Amin10 may. 2016 19:10
me dice que una vez que gane 15 reputación, solo entonces podré votar, prometo que lo haré;), ¿recomiendas usar chat.js nativo? No sé sobre qué bases debo decidir si usar alguna de ellas sobre la otra.
 Dustin Hodges10 may. 2016 19:00
Además, si encuentra útil una respuesta, vote por ella haciendo clic en la flecha hacia arriba que se encuentra a la izquierda de la respuesta. Para aceptar una respuesta, haga clic en la marca de verificación.

chart-data" sería chart-data = "data"

 Belal Mostafa Amin10 may. 2016 18:11
Hecho, pero todavía nada, de hecho, apareció un error que es: TypeError: (valor intermedio) [e] no es una función en d (angular-chart.min.js: 1) en Object.fn (angular-chart. min.js: 1) en r. $ digest (angular.js: 15896) en r. $ apply (angular.js: 16160) en angular.js: 1679 en Object.e [como invocar] (angular.js: 4523 ) en c (angular.js: 1677) en yc (angular.js: 1697) en Zd (angular.js: 1591) en angular.js: 29013
 Belal Mostafa Amin10 may. 2016 18:15
¿Me puede dar un ejemplo completamente funcional que incluya los scripts necesarios en la cabeza para probarlo? Por alguna razón, creo que hay algo mal no con el código, sino con el angular.js incluido, y los otros scripts, porque puedo no encuentro un problema en mi marcado o en mi aplicación, js

Su enlace de datos es incorrecto

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

No tiene datos de gráficos variables ni etiquetas de gráficos en su controlador. Los nombraste de manera diferente.

De hecho, los atributos están en orden inverso. Debe ser chart-data = "data" chart-labels = "labels"

Ejemplo dehttp://jtblin.github.io/angular-chart.js/

<canvas id="bar" class="chart chart-bar" chart-data="data" chart-labels="labels" chart-series="series"></canvas>
 Belal Mostafa Amin10 may. 2016 18:10
y todavía no se muestra nada
 Belal Mostafa Amin10 may. 2016 18:08
cuando hice lo que me aconsejaste, encontré este error en la consola: TypeError: (valor intermedio) [e] no es una función en d (angular-chart.min.js: 1) en Object.fn (angular-chart. min.js: 1) en r. $ digest (angular.js: 15896) en r. $ apply (angular.js: 16160) en angular.js: 1679 en Object.e [como invocar] (angular.js: 4523 ) en c (angular.js: 1677) en yc (angular.js: 1697) en Zd (angular.js: 1591) en angular.js: 29013 (función anónima) @

(intermediate value)[e] is not a function angular chart

Parece que hay una versión que no coincide, intenté lo mismo con mi propio proyecto y obtuve el mismo error. Por favor, tome V1.1.1 deChart.js, como ya respondió @dustin.

Mira estoviolín.

Su respuesta a la pregunta