javascript - tipos - highcharts en tiempo real

¿Cómo obtener fechas de gráficos altos en el eje x?

Question

¿Existe una forma estándar de obtener fechas en el eje x para Highcharts? No puedo encontrarlo en su documentación: http://www.highcharts.com/ref/#xAxis--type

Cuando mi rango de tiempo es lo suficientemente grande, muestra las fechas. Sin embargo, cuando el rango de tiempo no es lo suficientemente grande, solo muestra horas, como esta:

Esto es menos que ideal ... si pudiera mostrar una fecha y hora en este caso, sería genial. Alguien sabe como?

Answer 1

Compruebe esta sample desde la API de Highcharts.

Reemplace esto

return Highcharts.dateFormat(''%a %d %b'', this.value);

Con este

return Highcharts.dateFormat(''%a %d %b %H:%M:%S'', this.value);

Mire here sobre la función dateFormat() .

Ver también - tickInterval y pointInterval

Answer 2

Usted escribe así:

xAxis: {
        type: ''datetime'',
        dateTimeLabelFormats: {
           day: ''%d %b %Y''    //ex- 01 Jan 2016
        }
}

también verifique otro formato de fecha y hora

http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats

Answer 3

Highcharts automáticamente intentará encontrar el mejor formato para el rango de zoom actual. Esto se hace si xAxis tiene el tipo ''datetime'' . Luego se calcula la unidad del zoom actual, podría ser uno de:

• segundo
• minuto
• hora
• día
• semana
• mes
• año

Esta unidad se usa para encontrar un formato para las etiquetas de los ejes. Los patrones predeterminados son:

second: ''%H:%M:%S'',
minute: ''%H:%M'',
hour: ''%H:%M'',
day: ''%e. %b'',
week: ''%e. %b'',
month: ''%b /'%y'',
year: ''%Y''

Si desea que el día sea parte de las etiquetas de nivel de "hora", debe cambiar la opción dateTimeLabelFormats para ese nivel, incluya %d o %e . Estos son los patrones disponibles:

• % a: Corto entre semana, como ''Lunes''.
• % A: larga semana, como ''Lunes''.
• % d: día de dos dígitos del mes, 01 a 31.
• % e: día del mes, 1 a 31.
• % b: mes corto, como ''Jan''.
• % B: mes largo, como ''enero''.
• % m: número de mes de dos dígitos, 01 a 12.
• % y: año de dos dígitos, como 09 para 2009.
• % Y: cuatro dígitos anuales, como 2009.
• % H: dos dígitos horas en formato 24h, 00 a 23.
• % I: horas de dos dígitos en formato de 12 horas, 00 a 11.
• % l (minúscula L): horas en formato de 12h, 1 a 11.
• % M: minutos de dos dígitos, 00 a 59.
• % p: mayúscula AM o PM.
• % P: Minúscula AM o PM.
• % S: dos dígitos segundos, 00 a 59

http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats