3

Estou começando usar a Biblioteca Chart.js seguindo o site http://jtblin.github.io/angular-chart.js/#getting_started

Mas estou tento dificuldade, quando rodo a página html, nada acontece, todos os scripts são encontrados mas o gráfico não é exibido.

Aguardo por sugestões

<!doctype html>
<html>
    <head>
        <title>Angularjs</title>
        <meta charset="utf-8" lang="pt-br">
        <link rel="stylesheet" href="public/vendor/bootstrap/dist/css/bootstrap.css">
        <link rel="stylesheet" href="public/vendor/bootstrap/dist/css/bootstrap-theme.css">
        <script type="text/javascript" src="public/vendor/angular/angular.js"></script>
        <script type="text/javascript" src="public/vendor/Chart.js/Chart.js"></script>
        <script type="text/javascript" src="public/vendor/angular-chart.js/dist/angular-chart.js"></script>
        <script type="text/javascript" src="public/vendor/angular-chart.js/dist/angular-chart.css"></script>
        <script type="text/javascript" src="public/vendor/d3/d3.js"></script>
    </head>
    <body ng-app="app">
        <div class="container">
            <h1>Estudos com Chart.js</h1>
            <h5>Dados das base dados.</h5>
            <br>
            <canvas id="line" class="chart chart-line" data="data"
                    labels="labels" legend="true" series="series"
                    click="onClick">
            </canvas>
            <script type="text/javascript">
                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);
                    };
                });
            </script>
        </div>
    </body>
</html>
2
  • Não dá nenhum erro no console? 11/09/2015 às 12:44
  • Faltou colocar o "LineCtrl" na tag ng-controller.
    – Moreira L
    23/01/2016 às 23:04

1 Resposta 1

2

Creio que você deve referenciar o controller no HTML , por exemplo use o ng-app="app" na tag <html> e use ng-controller="LineCtrl" na tag <body>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .