2011-10-14 30 views
10

Me gustaría tener solo la primera letra de cada día de la semana como el eje x, es decir M T W T F S S repetido. Actualmente puede configurar dateTimeLabelFormats, que he configurado para usar %a, que es el formato de fecha para el día de la semana corto (lunes, martes, etc.). ¿Cómo puedo usar la primera letra?Highcharts datetime x-axis formateo personalizado

Aquí está mi código (estoy usando Lazy Highcharts en rieles)

f.xAxis({type: 'datetime', tickInterval: 24*3600*1000, dateTimeLabelFormats: { 
     day: '%a', 
     week: '%a'} 
     }) 

Gracias.

Respuesta

19

En la etiqueta -> formateador para ejeX, utilice dateFormat función para obtener el mes y luego utilizar la función de subcadena para obtener la primera letra y devolver la carta de la siguiente manera -

xAxis: {   
    type: 'datetime', 
    labels: { 
     formatter: function() { 
      var monthStr = Highcharts.dateFormat('%b', this.value); 
      var firstLetter = monthStr.substring(0, 1); 
      return firstLetter; 
     } 
    } 
}, 

See it on jsfiddle

+0

jsFiddle no funciona –

+2

Gracias por el aviso. Ese violín depende de la biblioteca de Highcharts y el enlace del archivo js ya no está disponible. Pero encontré el archivo en su nuevo CDN. Ahora está funcionando de nuevo. :) –

+0

¿Se puede agregar algún día de la semana (sun.mon, etc.) a la etiqueta del eje x junto con la fecha y el mes? – Nisha

Cuestiones relacionadas