1

Estoy empezando a utilizar chart js y la verdad no se utilizarlo, ya lo instale con npm install chart.js --save y lo estoy tratando de probar con estos datos de prueba:

 <canvas id="myChart" width="400" height="400"></canvas>
<script>
    import Chart from 'chart.js';
    var myChart = new Chart(ctx, {
        type: 'pie',
        data: {
            labels: ['red', 'yellow', 'blue'],
            datasets: [{
                data: [10, 20, 30]
            }]
        }
    });
</script>

pero el buscador me dice que ctx no esta definido, no se que pueda estar mal, ¿alguien que me pueda iluminar?

1 respuesta 1

2

const ctx = document.getElementById('myChart').getContext('2d');
const myChart = new Chart(ctx, {
    type: 'pie',
    data: {
        labels: ['red', 'yellow', 'blue'],
        datasets: [{
            data: [10, 20, 30]
        }]
    }
});
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>

<canvas id="myChart" width="200" height="200"></canvas>

La variable ctx es el contexto del canvas, lo correcto sería obtenerlo antes de intentar generar el gráfico, algo como

4

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.