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/[email protected]"></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

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

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