Google时间轴重叠的时间表

时间:2014-09-05 07:03:04

标签: javascript php google-visualization

我创建了一个时间轴,有时连续有两个时间表。这不是问题,但我想在一行中重叠显示它们。

请看这个例子:

enter image description here

所以较少的线应该显示为较大线的一部分。

谷歌的可视化API非常棒,非常好,但它还没有很好的文档记录。

1 个答案:

答案 0 :(得分:2)

考虑到您已经对数据进行了排序,您可以执行以下操作:

var data=[
    ['George Washington', new Date(1779, 3, 29), new Date(1790, 2, 3)],
    ['George Washington', new Date(1789, 3, 29), new Date(1797, 2, 3)],
    ['John Adams', new Date(1797, 2, 3), new Date(1801, 2, 3)],
    ['Thomas Jefferson', new Date(1801, 2, 3), new Date(1809, 2, 3)],

];

for(var i=1;i<data.length;i++){ // for each row
    if(data[i-1][0]==data[i][0]){ //if the previous one has the same label   
        if(data[i-1][2] > data[i] [1]){ // if the previous end date is greater than the start date of current row
                data[i-1][2]=data[i] [1] // set the previous end date to the start date of current row
        }
    }
}  

您可以在此处查看示例:http://jsfiddle.net/9GbNP/33/