谷歌时间线图（带数字），开始时间

Question

我制作了一个时间线图表，在那里我不能使用特定的日期/时间，但我以分钟为单位获得了价值。 这就是为什么我将示例从“日期”类型更改为“数字”类型，并将我的值乘以 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) ]
          ]);

演示 JsFiddle