我正在用離子操作並嘗試用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