javascript - 谷歌时间线图表(带数字)，开始时间

Question

我制作了一个时间线图表，其中我没有使用特定的日期/时间，但我在几分钟内得到了值(value)。这就是为什么我将示例从“日期”类型更改为“数字”类型，并将我的值乘以 60000(一分钟内的毫秒数)。

http://jsfiddle.net/6M2sH/606/

  google.load("visualization", "1", {packages:["timeline"]});
  google.setOnLoadCallback(drawChart);

  function drawChart() {
    var container = document.getElementById('timeline');
    var chart = new google.visualization.Timeline(container);
    var dataTable = new google.visualization.DataTable();

    dataTable.addColumn({ type: 'string', id: 'President' });
    dataTable.addColumn({ type: 'number', id: 'Start' });
    dataTable.addColumn({ type: 'number', id: 'End' });
    dataTable.addRows([
      [ 'Value1', 0*60000, 10*60000 ],
      [ 'Value2', 10*60000, 15*60000 ],
      [ 'Value1', 45*60000, 61*60000 ],
      [ 'Value4',  15*60000,  45*60000 ],
      [ 'Value3',  45*60000,  450*60000 ],
      [ 'Value4',  375*60000,  450*60000 ],
      ]);

    chart.draw(dataTable);
  }

这个例子几乎是合适的，除了时间轴出于某种原因从凌晨 1:00 开始。我希望它是 0:00。

如何设置开始日期？

Answer 1

实际上，对于这种情况，您必须使用DATE 类型；如果你可以使用 x*60*60 给你秒。

如果您使用 x*60 给您分钟，然后您可以将其插入任何您想要的地方；

要插入秒，请使用new Date(0,0,0,0,0,yourSecond)

要插入分钟，请使用new Date(0,0,0,0,yourMinutes,0)

 dataTable.addColumn({ type: 'string', id: 'President' });
        dataTable.addColumn({ type: 'date', id: 'Start' });
        dataTable.addColumn({ type: 'date', id: 'End' });
        dataTable.addRows([
          [ 'Value1', new Date(0,0,0,0,0,0*60*60), new Date(0,0,0,0,0,1*60*60) ],
          [ 'Value2', new Date(0,0,0,0,0,1*60*60), new Date(0,0,0,0,0,1.5*60*60) ]
          ]);

DEMO JsFiddle