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

Ionic建立在angular之上，因此angular-js插件通常可以很好地與ionic配合使用。 U可能缺少一些依賴項或語法錯誤。