Estoy woriking con iónica y tratar de construir un pastel con Chart.js.
He probado un montón de cosas, pero la tarta nunca se muestra.

Aquí está mi código:

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});
InformationsquelleAutor rasfuranku | 2014-11-20

4 Comentarios

  1. 2

    Si usted está utilizando el Ionic Framework, a continuación, usted debe también utilizar AngularJS. Si eso es así, entonces habría que incluir a la dependencia en el controlador. He utilizado ChartJS en mi proyecto muy fácilmente. Publica tu controlador de código javascript y el que me puede ayudar a configurar. Echa un vistazo a este enlace primero:

    https://github.com/gonewandering/angles

    Es necesario incluir los archivos en su index.html archivo:

    <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>
    

    A continuación, incluir los «ángulos», como una dependencia:

    var app = angular.module("anglesExample", ["angles"]);
    

    Todo lo demás parece estar bien.

    La mejor de las suertes!

    • Quería comentar que el mayor problema que he tenido con iónica y gráficos es que en el momento que yo intente agregar una cartografía de la dependencia a través iónica/bower angular se rompe. Puesto que los ángulos es muy claro en las dependencias soy capaz de utilizar sin que se rompa angular en mi proyecto.
  2. 0

    Si usted está utilizando Chart.js, asegúrese de agregar la referencia a la app.js

    angular.module('yourapp', ['ionic', 'chart.js']);
    

    Además, también deberá incluir lo siguiente en su index.html, por supuesto, usted tiene que asegurarse de que usted está apuntando al directorio correcto donde poner los 3 archivos a continuación.

    <!-- CSS file -->
    <link  href="css/angular-chart.css">
    <!-- Library files -->
    <script src="angular.chart.min.js"></script>
    <script src="Chart.js"></script>
    

Dejar respuesta

Please enter your comment!
Please enter your name here