Javascript 如何用不规则数据制作d3多折线图?

Javascript 如何用不规则数据制作d3多折线图?,javascript,d3.js,Javascript,D3.js,我是d3.js的新手,我一直在学习很多教程。基本上我想做的是看起来像的事情。我正在到达那里,但由于某种原因,我的图表出现了一些奇怪的线条(注意Carol在jsbin中的路径) 这是我到目前为止代码的jsbin 我得出的结论是,这是因为我的JSON上有不规则的数据,但我不知道如何修复它。我搜索过类似的问题,但没有找到 如果有人能让我知道我做错了什么,我会非常感激!这个图书馆让我很头疼:(把日期按升序排列: cities.forEach(function(d){ d.values.sort(

我是d3.js的新手,我一直在学习很多教程。基本上我想做的是看起来像的事情。我正在到达那里,但由于某种原因,我的图表出现了一些奇怪的线条(注意Carol在jsbin中的路径)

这是我到目前为止代码的jsbin

我得出的结论是,这是因为我的JSON上有不规则的数据,但我不知道如何修复它。我搜索过类似的问题,但没有找到


如果有人能让我知道我做错了什么,我会非常感激!这个图书馆让我很头疼:(

把日期按升序排列:

cities.forEach(function(d){
    d.values.sort(function(a,b){
        return d3.ascending(a.date, b.date)
    })
});

这是您的JSBin:

按升序排列日期:

cities.forEach(function(d){
    d.values.sort(function(a,b){
        return d3.ascending(a.date, b.date)
    })
});

这是您的JSBin:

谢谢!您是否知道我该怎么做,以便在没有数据的日子里(例如,在2007年5月5日,只有三个人有值,其余的人在那一天没有数据),他们仍然显示,没有值的人显示为“零”是的,只需使用
行。定义的
。请看我的答案:还有这个,还有演示:谢谢!你是否知道我该怎么做,以便在没有数据的日子里(例如,在2007年5月7日,只有三个人有值,其他人在那天没有数据),他们仍然出现,没有值的人显示为“零”是的,只需使用
行即可。定义了
。请参见我的答案:还有这个,以及演示: