Google Charts Date Formats

Question

Por alguna razón, el formateador de fecha que utiliza un patrón no funciona en absoluto en mi aplicación. Una cosa que me pasó por la mente es que no permite el formateo para el eje x. He aquí un fragmento:

var dataTable = new google.visualization.DataTable(); 
dataTable.addColumn('date', 'YearMonth'); 
dataTable.addColumn('number', 'Beds'); 
dataTable.addColumn('number', 'Rooms'); 
var monthYearFormatter = new google.visualization.DateFormat({ pattern: "MMM yyyy" }); 
monthYearFormatter.format(dataTable, 0); 

Así que en un bucle hago lo siguiente en otra parte:

dataTable.addRow(d, currentRow.Beds, currentRow.Rooms]); 

donde "D" es una fecha válida. Sin embargo, no está formateado, sin embargo, cuando hago todo esto, solo muestra el formato predeterminado.

¿Alguien ha hecho esto antes?

Answer 1

Con el fin de dar formato a los valores en el eje X, debe utilizar el atributo format en las opciones:

hAxis: { format: 'MMM yyyy' } 

La línea:

monthYearFormatter.format(dataTable, 0); 

da formato a los valores de la tabla y debe escribirse después de insertar los datos en el objeto dataTable.

Answer 2

@ La respuesta de FrankyFred funciona solo para las etiquetas sobre el eje y no sobre la información sobre herramientas. Si desea formatear el texto en la información sobre herramientas para que lo que tiene es correcto:

var monthYearFormatter = new google.visualization.DateFormat({ 
    pattern: "MMM yyyy" 
}); 
monthYearFormatter.format(dataTable, 0);