Ver Mensaje Individual
  #4 (permalink)  
Antiguo 04/04/2023, 14:57
danicasas
 
Fecha de Ingreso: abril-2012
Mensajes: 124
Antigüedad: 12 años
Puntos: 3
Respuesta: Acomodar y Dimensionar Grafico bootstrap

Hola,
No se si ya lo has resuelto, pero yo probaría eso a ver si funciona.
Para saber el ancho de la pantalla:
Código Javascript:
Ver original
  1. var anchoPantalla = window.innerWidth;
Lo mismo si usas jQuery:
Código Javascript:
Ver original
  1. var anchoPantalla = $(window).width();
Para cambiar el ancho del gráfico con jQuery:
Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.   // Cambiar tamaño del div al 50% del ancho de la pantalla al cargar la página
  3.  
  4.     var anchoPantalla = $(window).width();
  5.     var AnchoDiv = anchoPantalla;
  6. var AltoDiv = AnchoDiv/2;
  7.     $('#chart_div').css('width', AnchoDiv);
  8.  $('#chart_div').css('height', AltoDiv);
  9.  
  10. //Aquí pones el código para dibujar el gráfico
  11.  
  12. // ...
  13.  
  14. var chart = new google.visualization.CandlestickChart(document.getElementById('chart_div'));
  15.  
  16.     chart.draw(data, options);
  17.  
  18. });
Creo que puede funcionar, se trata de cargar elgráfico después de cambiar eltamaño del div contenedor.
__________________
Mi web de programación en PHP en construcción, claro. Un dia de esos pongo algo.