2011-05-26 140 views
7

出于某种原因,使用模式的日期格式化程序在我的应用程序中根本不起作用。我想到的一件事是,它不允许格式化x轴。这里有一个片段:Google Charts日期格式

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); 

因此,在一个循环我做了以下的其他地方:

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

其中“d”是一个有效的日期。它根本没有格式化,但是当我这样做时,它只显示默认格式。

以前有人做过这个吗?

回答

14

为了格式化在x轴上的值,则必须在选择使用format属性:

hAxis: { format: 'MMM yyyy' } 

线:

monthYearFormatter.format(dataTable, 0); 

格式化图表中的值和必须在将数据插入dataTable对象后写入。

5

@ FrankyFred的答案只适用于轴上的标签而不是工具提示。 如果要格式化工具提示上的文本,以便您拥有正确的文本:

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