Saltar al contenido

Establecer la altura del gráfico en Chart.js

Solución:

Si deshabilita la relación de aspecto de mantenimiento en las opciones, entonces usa la altura disponible:

var chart = new Chart('blabla', {
                type: 'bar',
                data: {
                },
                options: {
                    maintainAspectRatio: false,
                }
            });

La forma más sencilla es crear un contenedor para el lienzo y establecer su altura:

<div style="height: 300px">
  <canvas id="chart"></canvas>
</div>

y establecer

options: {  
    responsive: true,
    maintainAspectRatio: false
}

Parece var ctx = $('#myChart'); devuelve una lista de elementos. Debería hacer referencia al primero usando ctx[0]. Además, la altura es una propiedad, no una función.

Lo hice de esta manera en mi código:

var ctx = document.getElementById("myChart");
ctx.height = 500;
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *