javascript - 谷歌图表 : Object has no method 'getTime'

Question

我正在使用谷歌图表(折线图)，x 轴上有日期时间，y 轴上有数字。我激活了水平缩放，但每次尝试放大时都会出现以下异常:

Uncaught TypeError: Object 1387717025773 has no method 'getTime' format+de,default+de,ui+de,corechart+de.I.js:826

我使用以下示例代码在 Google Code Playground 中重现了该问题:

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['time', 'test'],
    [new Date(1387717025701),   1],
    [new Date(1387717025801),   2],
    [new Date(1387717025901),   4],
    [new Date(1387717026001),   8],
  ]);

  // Create and draw the visualization.
  new google.visualization.LineChart(document.getElementById('visualization')).
    draw(data, {curveType: "function",
                width: 500, height: 400,
                vAxis: {maxValue: 10}, title: 'test',
                //hAxis: {maxValue: 10},
                hAxis: {format: "HH:MM:ss"},
                explorer: { actions: ['dragToZoom', 'rightClickToReset'], axis: 'horizontal'} 
               });
}

只需前往 https://code.google.com/apis/ajax/playground/#line_chart粘贴上面的代码并尝试通过拖动来放大。在浏览器(我使用的是 Chrome)控制台中应该会出现错误。

提前致谢!

Answer 1

此问题已在 Google 报告并接受。请参阅问题 1395 Bug: "explorer" option throws an error when panning/zooming on a "date" type axis .

如果您选择垂直轴而不是水平轴，您可以获得更好的行为。 dragToZoom 有效，但是当您使用右键单击重置图表时，您会收到相同的错误。