哦,我明白了。要在同一行中有多个时间表,您需要使用 4 列:第一个带有列名称,第二个带有时间表名称,第三个带有 start_time,第四个带有 end_time。这是一个考虑到您的图像的示例,但您需要更改日期:
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({ type: 'string', id: 'Room' });
dataTable.addColumn({ type: 'string', id: 'Name' });
dataTable.addColumn({ type: 'date', id: 'Start' });
dataTable.addColumn({ type: 'date', id: 'End' });
dataTable.addRows([
[ 'Magnolia Room', 'CSS Fundamentals', new Date(1789, 3, 29), new Date(1797, 2, 3)],
[ 'Magnolia Room', 'Intro Javascript', new Date(1797, 2, 3), new Date(1801, 2, 3)],
[ 'Magnolia Room', 'Advanced Javascript', new Date(1801, 2, 3), new Date(1809, 2, 3)],
[ 'Gladiolus Room', 'Intermediate Perl', new Date(1789, 3, 20), new Date(1797, 2, 3)],
[ 'Gladiolus Room', 'Advanced Perl', new Date(1797, 2, 3), new Date(1801, 2, 3)],
[ 'Gladiolus Room', 'Applied Perl', new Date(1801, 2, 3), new Date(1805, 2, 3)],
[ 'Petunia Room', 'Google Charts', new Date(1805, 2, 3), new Date(1812, 3, 19)],
[ 'Petunia Room', 'Closure', new Date(1789, 8, 25), new Date(1790, 2, 21)],
[ 'Petunia Room', 'App Engine', new Date(1790, 2, 21), new Date(1793, 11, 30)]
]);
从这个例子中得到这个:Google TimeLine Advanced Example