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/