谷歌图表折线图小时和分钟答案

【问题标题】：Google Chart Line Chart hours and minutes谷歌图表折线图小时和分钟
【发布时间】：2012-09-24 13:38:30
【问题描述】：

我正在尝试使用 Google 的图表 API 来显示折线图。
我创建了一个包含两列、一个日期和一个数值的数据表。该线显示正确，但 X 轴上的标签丢失。所有数据都在同一天，但在不同的时间。如果我编辑日期以便将它们分布在不同的日子里，一切正常。
我只需要在一天内集中我的图表，并在 X 轴上显示小时和分钟。
我该怎么做？

谢谢。

【问题讨论】：

标签： javascript charts google-visualization

【解决方案1】：

对于focus my chart in one day only and show hours and minutes on the X axis.，您需要在查询中执行此操作。这与谷歌图表没有任何关系。您可以查看 haxis 参数，看看是否可以更改其中一些值以实现您想要的 https://google-developers.appspot.com/chart/interactive/docs/gallery/linechart

【讨论】：

【解决方案2】：

通常归结为您传递数据的方式。使用arrayToDataTable，您的日期只是字符串。如果您实例化一个 JS 日期对象并构建 dataTable，您应该会得到更好的结果。这段代码对我有用（见live）：

function drawVisualization() {

var data = new google.visualization.DataTable();

data.addColumn('datetime', 'Time of Day');
data.addColumn('number', 'Some Measurement');

data.addRows([
  [new Date(2012,10,3,11,30,0), 12],
  [new Date(2012,10,3,11,45,0), 2],
  [new Date(2012,10,3,12,1,0), 16],
  [new Date(2012,10,3,12,15,0), 3],
  [new Date(2012,10,3,12,30,0), 12],
  [new Date(2012,10,3,12,45,0), 7]
]);


new google.visualization.LineChart(document.getElementById('visualization')).
  draw(data, {curveType: "function",
              width: 500, height: 400,
              vAxis: {maxValue: 10}}
      );
}

我曾经是 Google Visualization 的粉丝，但被他们的未宣布更新烧伤了太多次。它也有很多限制。查看Dygraph，它很好地处理了时间序列。

【讨论】：

嗨我的错误是使用“日期”作为类型而不是“日期时间”。感谢您提供有关 dygraphs 的提示。