2012-07-04 39 views
9

Necesito mostrar solo etiquetas de tiempo en xAxis. Estoy usando Highcharts y no entiendo completamente cómo hacerlo. En xAxis debe haber etiquetas de tiempo en formato como 21:00. No necesito fechas, solo se necesita tiempo. Además, la diferencia entre dos etiquetas debe ser 00:30 (media hora) o 01:30 y debe ser ampliable. Mi script PHP escribe algún valor en la base de datos cada media hora y necesito mostrarlo en un gráfico. Lo siento por mi pobre inglés, soy ruso. Cualquier ayuda sería apreciada :)Mostrar solo etiquetas de tiempo en xAxis. Highcharts

Respuesta

16

En x el eje de su gráfico debe proporcionar tickinterval y dateTimeLabelFormats. El siguiente código da el intervalo de tic de 1,5 horas. Puede cambiar eso en cualquier cantidad de horas que desee reemplazando 1.5 en tickInterval: 1.5 * 3600 * 1000,

xAxis: { 
    type: 'datetime', 
    //Sets tickInterval to 24 * 3600 * 1000 if display is by day 
    tickInterval: 1.5 * 3600 * 1000, 
    dateTimeLabelFormats : { 
     day: '%H:%M' 
    } 
} 
+0

¡Gracias por su rápida respuesta! Ahora tengo otro problema: no puedo entender cómo hacer que los números en yAxis coincidan con las etiquetas de tiempo en xAxis. ¿Usted me podría ayudar por favor? – starky

+0

Si está utilizando datos json para enlazar los gráficos, esto le ayudará a http://www.highcharts.com/ref/show/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/ master/samples/highcharts/series/data-array-of-name-value/ –

+0

El enlace de arriba recupera un 404 – CookieCoder

Cuestiones relacionadas