谷歌時間線圖（帶數字），開始時間

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