Javascript 谷歌时间线图(带数字),开始时间
我制作了一个时间线图,在这里我不需要使用特定的日期/时间,但我可以在几分钟内获得价值。这就是为什么我将一个示例从“date”类型更改为“number”,并将我的值乘以60000(一分钟内的毫秒数) 这个例子几乎是合适的,除了时间线由于某种原因从凌晨1:00开始。我希望是0点 如何设置开始日期?实际上,在这种情况下,您必须使用日期类型; 如果您可以使用x*60*60将为您提供秒数 如果您使用x*60可以给您几分钟的时间,然后您可以将其插入任何您想要的位置 对于插入秒数使用Javascript 谷歌时间线图(带数字),开始时间,javascript,charts,Javascript,Charts,我制作了一个时间线图,在这里我不需要使用特定的日期/时间,但我可以在几分钟内获得价值。这就是为什么我将一个示例从“date”类型更改为“number”,并将我的值乘以60000(一分钟内的毫秒数) 这个例子几乎是合适的,除了时间线由于某种原因从凌晨1:00开始。我希望是0点 如何设置开始日期?实际上,在这种情况下,您必须使用日期类型; 如果您可以使用x*60*60将为您提供秒数 如果您使用x*60可以给您几分钟的时间,然后您可以将其插入任何您想要的位置 对于插入秒数使用新日期(0,0,0,0,
新日期(0,0,0,0,0,你的秒数)
对于插入分钟数使用新日期(0,0,0,0,你的分钟数,0)
我后来意识到,如果我在时间线图中使用数字而不是日期,那么数字就是一个实际的时间戳。通过对更大数字的测试,我意识到时间线实际上从1970年1月1日开始。
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);
}
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) ]
]);