简单ChartJS离子示例 - 错了

简单ChartJS离子示例 - 错了

问题描述:

我试图运行一个简单的离子与chartjs的示例。这里是我的控制器,我已经添加chart.js到我的app.js,第二个是我的graph.html页面。我只是得到一个空白屏幕...简单ChartJS离子示例 - 错了

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> 

enter image description here

你见过这个文件?

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

离子是在角建造,所以角JS插件通常都很好地工作离子。 U可能缺少一些依赖或错误的语法。

+0

我想你可能是正确的,我需要使用角度图而不是charjs,生病给我一个尝试 – Deciantis

+0

干杯!很高兴我帮助你。 – Gene