簡單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

離子是在角建造，所以角JS插件通常都很好地工作離子。 U可能缺少一些依賴或錯誤的語法。