Google visualization 按时区设置Google图表中的日期时间格式
在我的应用程序中,我使用谷歌图表来绘制线条图和表格。我有UTC格式的数据,但是在显示时,我想将时区更改为用户选择的时区。Google visualization 按时区设置Google图表中的日期时间格式,google-visualization,formatter,timezone-offset,Google Visualization,Formatter,Timezone Offset,在我的应用程序中,我使用谷歌图表来绘制线条图和表格。我有UTC格式的数据,但是在显示时,我想将时区更改为用户选择的时区。 对于表,我尝试使用日期格式化程序的时区属性。然而,它没有给出适当的结果。因此,我计划使用moment.js来格式化特定时区的数据。我可以对数据表使用自定义格式化程序吗。文档中的示例没有任何细节。同样,我可以使用自定义格式化程序格式化显示在直线图x轴上的数据。任何示例都会非常有用。您可以通过调用数据表的setFormattedValue方法来格式化数据表中的数据:data.se
对于表,我尝试使用日期格式化程序的时区属性。然而,它没有给出适当的结果。因此,我计划使用moment.js来格式化特定时区的数据。我可以对数据表使用自定义格式化程序吗。文档中的示例没有任何细节。同样,我可以使用自定义格式化程序格式化显示在直线图x轴上的数据。任何示例都会非常有用。您可以通过调用
数据表的setFormattedValue
方法来格式化数据表中的数据:data.setFormattedValue(行、列,“字符串格式化值”)代码>。不能使用axis选项的format
属性更改时区,但可以使用axis选项的ticks
属性设置要使用的日期和相关标签:
hAxis: {
ticks: [{v: new Date(2014, 2, 1, 10), f: '03/01/2014 5AM EST'}, {v: new Date(2014, 2, 2, 17), f: '03/02/2014 12PM EST'}, {v: new Date(2014, 2, 3, 6), f: '03/03/2014 1AM EST'}]
}
调整数据可能比重新格式化数据更容易。例如,要将数据
第1列中的日期从GMT更改为偏移量
小时,您可以使用以下方法:
for (var i = 0; i < data.getNumberOfRows(); i++) {
var d = data.getValue(i, 0);
d.setHours(d.getHours + offset);
data.setValue(i, 0, d);
}
for(var i=0;i