javascript - D3图具有不同时间范围的多系列无法正常工作

Question

请找到下面的 fiddle 链接。 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/