Un usuario preguntó 👇
Hola, me encanta todo lo relacionado con este plugin, es muy fácil de usar y crear los gráficos que quería, ponerlos donde quiera.
Mi único problema es que, en algunas páginas, aunque se supone que el ancho responde, parece estar atascado en un contenedor de 600px en la PRIMERA carga. Después de la primera carga, si cambio el navegador, el ancho parece ser el correcto.
Intenté solucionarlo con CSS pero no pude.
Si pudiera ayudarme a resolver este problema, se lo agradecería
¡Gracias por este increíble plugin!
(@methnen)
Hace 3 años, 5 meses
Hola vandsimy, me alegro de que te guste el plugin.
Me gustaría ver el caso específico en el que está sucediendo esto para averiguar qué podría estar sucediendo.
No hay nada en particular en el código que deba limitar el ancho a 600 px cuando una tarjeta está incrustada en una publicación y nunca antes había visto este problema.
(@vandsimy)
Hace 3 años, 4 meses
¡Hola methnen!
Lamento la respuesta tardía.
Aquí hay un enlace a la página donde tuve este problema.
¡Muchas gracias!
(@methnen)
Hace 3 años, 3 meses
Oye,
Perdón de nuevo por la demora. La vida estaba ocupada. Al mirar esa página, estoy bastante seguro de que el div que contiene el gráfico en el interior no es un div completo, por lo que no obtiene un gráfico de ancho completo.
Notará que si hace que la ventana del navegador sea lo suficientemente pequeña, el gráfico actúa de manera responsable.
(@vandsimy)
Hace 3 años, 3 meses
¡Hola!
Gracias por comprobarlo y no de ancho completo, su ancho de 3/4 pongo el mismo gráfico sobre el que es de ancho completo y hace lo mismo.
Estoy usando el compositor de video wpbakery si esto ayuda a comprender mejor el problema
En la primera carga, parece estar pegado a un cierto ancho, pero cuando cambio la ventana del navegador, toma las dimensiones correctas.
¡Gracias de nuevo!
(@methnen)
Hace 3 años, 3 meses
Bien, esto es algo extraño y no puedo replicarlo fuera de tu tema en particular.
Después de mirarlo por un tiempo, creo que lo que está sucediendo es que el tema terminado no despega DESPUÉS de que el código de Highcharts comience a dar los gráficos. Eso significa que Highcharts está haciendo lo suyo antes de saber el ancho del div en el que se encuentra.
Esta no es la mejor solución, pero probablemente la configuración más simple es ejecutar la función de recarga de Highcharts en cualquier gráfico de la página después de un pequeño límite de tiempo (lo que sea suficiente para darles tiempo para completar el renderizado).
Algo como esto debería funcionar:
var m_chart_refresh = {};
(function( $ ) {
'use strict';
m_chart_refresh.init = function() {
setTimeout(function() {
m_chart_refresh.reflow_charts();
}, 500 );
};
m_chart_refresh.reflow_charts = function() {
$( '.m-chart' ).each(function() {
$(this).highcharts().reflow();
});
};
$( function() {
m_chart_refresh.init();
} );
})( jQuery );Por supuesto, desea ajustar el límite de tiempo para que sea lo más pequeño posible y aún así patear de manera confiable DESPUÉS de que el tema haya terminado.
(@vandsimy)
Hace 3 años, 3 meses
Hola methnen,
¡Vaya, eso es realmente increíble! ¡Funcionó!
¡Muchas gracias!
¡Funciona perfectamente ahora!
¿Solucionó tu problema??
0 / 0