简单的ChartJS离子示例 - 错了

Question

我试图用chartjs运行一个离子的简单例子。这是我的控制器，我已将chart.js添加到我的app.js，第二个是我的graph.html页面。我只是得到一个空白的白色屏幕......

var app = angular.module('app', ['ionic','ngCordova','chart.js']);
app.controller('graphCtrl', function ($scope) {
   $scope.labels = ["Book1", "Book2", "Book3"];
  $scope.data = [300, 500, 100];
});


<ion-view view-title="Outline">
<ion-content>
    <canvas id="radar" class="chart chart-radar"
            chart-data="data" chart-labels="labels">
    </canvas>
    </ion-content> 

</ion-view>

Answer 1

您是否看过这方面的文档？

https://github.com/jtblin/angular-chart.js

离子是建立在角度上的，所以angular-js插件通常可以很好地与离子一起使用。你可能缺少一些依赖或错误的语法。