Я волнуюсь с ионной и пытаюсь построить простой пирог с 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