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)