flot - tiene - problemas de equilibrio estatico

Problema de ancho de barra en flot

Question

Tengo un gráfico que muestra las barras que representan las precipitaciones en 24 horas. Ahora, el primer problema que tuve fue el ancho predeterminado de 1px para las barras en flot, vea este ejemplo:

Busqué una solución y encontré ese ancho de barra específico como este:

bars: {
show: true,
barWidth : 60*60*1000 //1h
}

resuelve el problema Ahora que realmente funciona, pero con un mal resultado. En mi ejemplo (gráfico que muestra 24 precipitaciones discretamente cada hora) ahora sucede:

Como puede ver en el primer ejemplo, donde las barras tienen un ancho de 1px, el tiempo va desde las 13:00 del día anterior a las 13:00 del día siguiente. Ahora, cuando el ancho de barra es fijo, el tiempo va de 13:00 a 14:00 por alguna razón. Ahora he intentado diferentes ajustes de ancho de barra, por ejemplo, 50 * 60 * 1000, pero eso no se ajusta correctamente y el margen comienza a aparecer entre cada barra.

¿Ahora me gustaría saber cómo solucionar este problema, que la línea de tiempo iría como en el primer ejemplo y las barras tendrían 1 hora de ancho?

Answer 1

Bueno, el gráfico del eje x se está dibujando de tal manera que, si hubiera alguna barra para mostrar a las 13:00 (el valor máximo), podría mostrarlo. Esto no es realmente una cosa de Flot, es solo una consecuencia de tener barras más anchas. Si quiere que no llegue tan lejos, puede usar las opciones "min" y "max" en el eje x para configurar esto. Sin embargo, si hiciste eso, y hubo algún dato en la última 13:00 para mostrar, no podría mostrarlo (porque con la barra más ancha no hay espacio suficiente).

Answer 2

El problema fue en el llenado de datos con php para gráficos flotantes. Pasé por alto la suma incorrecta de los datos y luego tuve una condición, que se agregó a php array the time. Así que al final añadió 1 hora extra. Así que el ancho de barra: 60 * 60 * 1000 en mi caso fue lo correcto.