谷歌时间表(带数字），开始时间

Google timeline chart (with numbers), starting time

本文关键字：开始 开始时 时间 数字 时间表 谷歌      更新时间：2023-09-26

我制作了一个时间线图，在其中我不能使用特定的日期/时间，但我以分钟为单位获得值。这就是为什么我把一个例子的类型从"date"改为"number"，并将我的值乘以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点开始。我希望是0点。

如何设置开始日期？

实际上，在这种情况下，您必须使用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 Js出价

相关文章：