Google Charts日期格式

Kez*_*zer 7 google-visualization

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

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);
Run Code Online (Sandbox Code Playgroud)

所以在循环的其他地方我做以下事情:

dataTable.addRow(d, currentRow.Beds, currentRow.Rooms]);
Run Code Online (Sandbox Code Playgroud)

其中"d"是有效日期.它根本没有格式化,但是当我完成所有这些操作时,它只显示默认格式.

有人这样做过吗?

Fra*_*red 14

要在x轴上格式化值,必须使用format选项中的属性:

hAxis: { format: 'MMM yyyy' }
Run Code Online (Sandbox Code Playgroud)

这条线:

monthYearFormatter.format(dataTable, 0);
Run Code Online (Sandbox Code Playgroud)

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


Geo*_*DRA 5

@FrankyFred的答案仅适用于轴上的标签,而不适用于工具提示.如果你想格式化工具提示上的文字,那么你所拥有的是正确的:

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