谷歌图表日期格式

发布于 2024-11-10 03:29:44 字数 583 浏览 3 评论 0原文

由于某种原因,使用模式的日期格式化程序在我的应用程序中根本不起作用。我想到的一件事是它不允许对 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);

因此,在循环的其他地方,我执行以下操作:

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

其中“d”是有效日期。它根本没有格式化,但是当我执行所有这些操作时,它只显示默认格式。

以前有人这样做过吗?

For some reason the date formatter using a pattern isn't working at all in my application. One thing that has crossed my mind is that it doesn't allow formatting for the x axis. Here's a snippet:

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

So elsewhere in a loop I do the following:

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

Where "d" is a valid date. It isn't formatted at all though, however when I do all of this, it just displays the default format.

Anyone done this before?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

羅雙樹 2024-11-17 03:29:44

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

hAxis: { format: 'MMM yyyy' }

line:

monthYearFormatter.format(dataTable, 0);

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

In order to format the values on the x-axis, you must use the format attribute in the options:

hAxis: { format: 'MMM yyyy' }

The line:

monthYearFormatter.format(dataTable, 0);

formats the values in the chart and must be written after the data inserting into the dataTable object.

孤独患者 2024-11-17 03:29:44

@FrankyFred 的答案仅适用于轴上的标签,不适用于工具提示。
如果您想格式化工具提示上的文本以使您所拥有的内容正确:

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

@FrankyFred's answer works only for the labels over the axis and not the toolTip.
If you want to format the text on the toolTip so that what you have is right:

var monthYearFormatter = new google.visualization.DateFormat({ 
     pattern: "MMM yyyy" 
}); 
monthYearFormatter.format(dataTable, 0);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文