改变谷歌可视化时间线日期/时间格式

Change Google-Visualization Timeline Date/Time-Format

本文关键字：时间 格式 日期 时间线 谷歌 可视化 改变      更新时间：2023-09-26

我有一个问题，在我的谷歌时间轴图表的水平轴格式。问题是，我有不同的数据集，其中的时间范围可以是天，小时或分钟。时间轴图表自己格式化它的轴，但它使用美国日期格式。我想有ISO日期格式(例如22/07/2015)和时间像hh:mm。我在文档中看到了一个google核心图表的格式化示例: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']}
            }
          }
        }
      };

但是它似乎不适用于时间轴图表。有人能帮我吗?

谢谢,Rob

我有一个类似的问题，从你的第一次尝试开始，我想我设法得到了你所要求的。只需在options变量中更改haaxis，如下所示:

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

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

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

如果该阈值为分钟，则单向设置。如果该阈值是小时，则设置另一个，如果是天、周、月或年，则以不同的方式设置。

在编写图表之前检查阈值条件，并将其应用于options对象

相关文章：