在Google带注释的时间线图表上显示时间

Question

我正在尝试使用Google chart api创建在x轴上具有日期时间而在另一个上具有值的折线图。通常这些只会持续48小时，所以我真的需要在x轴和天数上显示一天中的时间。

有人知道如何实现这一目标吗？

或者，任何人都可以建议另一个Javascript图表api，这将允许这个吗？

Answer 1

AnnotatedTimeline图表陈旧且过时;您可以使用带有“注释”和“annotationText”LineChart以及column roles的ChartRangeFilter来复制95％的功能。 LineCharts支持使用日期时间。

Answer 2

我在morris.js上使用temperature time series。

希望看到其他建议。

Answer 3

@asgallant是对的。它的外观样本可以在Google Code Playground中看到并粘贴此脚本：

function drawVisualization() {
  // Create and populate the data table.
  var data = new google.visualization.DataTable();
  data.addColumn('datetime', 'Time');
  data.addColumn('number', 'Count');
  data.addColumn({type: 'string', role: 'annotation'});
  data.addColumn({type: 'string', role: 'annotationText'});
  data.addRows([
    [new Date(2013, 0, 31, 19, 30),   1, 'A', 'Event 1'],
    [new Date(2013, 1, 2, 20, 30),   2, 'B', 'No event'],
    [new Date(2013, 1, 7, 18, 30),   2.5, 'C', 'No event'],
  ]);

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