具有日期时间格式的谷歌图表水平网格线答案

【问题标题】：Google Charts horizontal gridlines with datetime format具有日期时间格式的谷歌图表水平网格线
【发布时间】：2014-09-28 11:32:42
【问题描述】：

我很难让水平网格线出现在我的谷歌图表中。

这是我的 hAxis 设置。我怀疑它与日期时间格式有关，所以我写了一个格式化程序。

hAxis: {
    title: 'DateTime (UTC)',
    slantedText: true,
    gridlines: {
        count: 30
    }
}

var formatter = new google.visualization.DateFormat({pattern: 'yyyy-MM-dd HH:mm:ss'});
formatter.format(data, 0);

有人知道我做错了什么吗？

网站： http://redditsnaps.com/r/dataisbeautiful/top-posts-chart

【问题讨论】：

为我工作，虽然需要一段时间
你是指垂直网格线吗？您看不到这些，因为您的日期实际上不是 Date 对象 - 它们是字符串。仅连续轴支持垂直网格线，字符串创建离散轴。您应该将日期字符串转换为 Date 对象以显示网格线。

标签： charts google-visualization

【解决方案1】：

从 hAxis 的标题中，我了解到您想以 UTC 时区表示日期时间。为此，您需要在格式化程序中指定时区，如下所示

var formatter = new google.visualization.DateFormat({pattern: 'yyyy-MM-dd HH:mm:ss', timeZone: +0});

不过，这只会影响值和工具提示。您仍将拥有以当地时区表示的水平轴刻度标签。我一直在努力弄清楚如何更改刻度标签的时区，但到目前为止还没有运气。

托马斯

【讨论】：