我正在用离子操作并尝试用Chart.js构建一个简单的饼图。 我尝试了很多东西，但馅饼从来没有出现。ChartJs在离子框架中
这里是我的代码：
HTML：
<canvas id="myChart" width="400" height="400" />
JS：
var ctx = document.getElementById("myChart").getContext("2d");
console.log('ctx', ctx)
window.myDoughnut = new Chart(ctx).Doughnut(doughnutData, {responsive : true});
如果您使用的是Ionic Framework，那么您也应该使用AngularJS。如果是这样，那么你需要在你的控制器中包含依赖项。我非常轻松地在我的项目中使用ChartJS。发布您的控制器JavaScript代码，我可以帮助您设置。看看这个链接第一：
https://github.com/gonewandering/angles
您需要先在您的index.html文件中的文件：
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.10/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1-beta.2/Chart.min.js"></script>
<script src="angles.js"></script>
然后包括“角度”作为一个依赖：
var app = angular.module("anglesExample", ["angles"]);
其他一切看起来都没问题。
祝你好运！
如果使用chart.js之时，请确保您的引用添加到您的app.js
angular.module('yourapp', ['ionic', 'chart.js']);
此外，您还需要在您的index.html以下，你当然得确保你指向正确的目录，你把3个文件放在下面。
<!-- CSS file -->
<link rel="stylesheet" href="css/angular-chart.css">
<!-- Library files -->
<script src="angular.chart.min.js"></script>
<script src="Chart.js"></script>
我想发表评论，我已经受够了离子和图表的最大问题是，任何时候我尝试添加通过离子/凉亭角断裂绘制图表依赖关系。由于角度对依赖性非常轻，所以我可以在不影响项目的情况下使用它。 – shinank 2015-01-27 13:34:55