更改 Google 可视化时间线日期/时间格式答案

【问题标题】：Change Google-Visualization Timeline Date/Time-Format更改 Google 可视化时间线日期/时间格式
【发布时间】：2015-09-11 08:04:57
【问题描述】：

我在格式化我的谷歌时间线图表中的水平轴时遇到问题。问题是我有不同的数据集，其中时间范围可以是几天、几小时或几分钟。时间线图表自行格式化其 hAxis，但它使用美国日期格式。我想要 ISO 日期格式（例如 22/07/2015）和像 hh:mm 这样的时间。我在文档上看到了 google corechart 的格式化示例：https://developers.google.com/chart/interactive/docs/datesandtimes（页面上的最后一个）

我尝试将其应用于我的问题：

https://jsfiddle.net/ezcxd61m/2/

var options = {
        width: 900,
        height: 500,
        legend: {position: 'none'},
        enableInteractivity: false,
        chartArea: {
          width: '85%'
        },
        hAxis: {
          viewWindow: {
            min: new Date(2013, 9, 13),
            max: new Date(2015, 0, 3, 1)
          },
          gridlines: {
            count: -1,
            units: {
              days: {format: ['dd.MM.yyyy']},
              hours: {format: ['HH:mm', 'hh']},
              minutes: {format: ['HH:mm', ':mm']}
            }
          },
          minorGridlines: {
            units: {
              days: {format: ['dd.MM.yyyy']},
              hours: {format: ['hh:mm:ss', 'hh']},
              minutes: {format: ['HH:mm', ':mm']}
            }
          }
        }
      };

但它似乎不适用于时间线图。谁能帮帮我？

谢谢，抢

【问题讨论】：

标签： javascript google-visualization timeline

【解决方案1】：

我遇到了类似的问题，从您的第一次尝试开始，我想我设法得到了您的要求。只需将 options var 中的 hAxis 更改如下：

hAxis: {
   format: 'dd.MM.yyyy HH:MM'
}

我已在您提供的网址中应用了更改 https://jsfiddle.net/ezcxd61m/2/

【讨论】：

问题是我的图表可以有不同的时间范围，从几天到几小时 -> 这取决于数据。当我设置 hAxis 格式时，我最终会在天、小时和分钟上拥有相同的日期格式——这不是我想要的。问题是谷歌图表的设置不一致。只有核心图表（如折线图）具有配置日期和时间格式的高级可能性。
我同意 obab。我面临同样的问题。有关于这个话题的更新吗？

【解决方案2】：

您需要根据您设置的阈值设置 hAxis.format()。

如果此阈值是分钟，则将 hAxis 设置为一种方式。如果此阈值是小时，请设置另一个，如果它的天数、周数、月数或年数以不同的方式设置。

只需在编写图表前检查阈值条件，并将其应用于选项对象。

【讨论】：