D3图表不同时间范围的多个系列不能正常工作

Question

请在下面找到小提琴链接。 https://jsfiddle.net/zwb1hbdz/1/

[https://jsfiddle.net/zwb1hbdz/1/][1] 

范围线时间日期： “08:45” 至今： “08:54” 而对于2号线日期： “08:44”，到今天为止： “08:53”所以创建第二行的问题？

我该如何设置从“08:44”到“08:54”的动态时间范围？

Answer 1

你只需要按时间顺序对数据进行排序。我已经调整了解析功能来匹配它是如何存储，然后使用数组排序方法：

var parse = d3.time.format("%H:%M").parse; 

data = data.sort(function(a,b) { 
    return parse(a.date) - parse(b.date); 
}); 

见https://jsfiddle.net/zwb1hbdz/2/