[Javascript] Highcharts: ¿cómo tener un gráfico con altura dinámica?



Answers

¿Qué sucede si conectaste el evento de redimensionamiento de la ventana?

$(window).resize(function() 
{    
    chart.setSize(
       $(document).width(), 
       $(document).height()/2,
       false
    );   
});

Ver ejemplo violín aquí .

Referencia de Highcharts API: setSize () .

Question

Quiero tener un cuadro que cambie de tamaño con la ventana del navegador, pero el problema es que la altura se fija en 400px. Este ejemplo de JSFiddle tiene el mismo problema.

¿Cómo puedo hacer eso? Intenté utilizar el controlador de eventos chart.events.redraw para cambiar el tamaño del gráfico (usando .setSize), pero supongo que comienza un ciclo interminable (controlador de eventos de incendios, que llama a setSize, que activa otro controlador de eventos, etc.).




Alternativamente, puede usar directamente la ventana de javascript.

Como ejemplo, mi código (usando scriptaculos) es:

window.onresize = function (){
    var w = $("form").getWidth() + "px";
    $('gfx').setStyle( { width : w } );
}

Donde el formulario es un formulario html en mi página web y gfx los gráficos del gráfico superior.




Links