如何制作带有不规则数据的d3多线图?

时间:2016-10-25 22:39:33

标签: javascript d3.js

我是d3.js的新手,我一直在学习很多教程。基本上我想要的是看起来像this的东西。我到了那里,但由于某种原因,我的图表变成了一些奇怪的线条(注意卡罗尔在jsbin的路径)

到目前为止我的代码是jsbin http://jsbin.com/poyinokobu/edit?html,output

我得出的结论是,因为我的JSON数据不正常,但我不知道如何修复它。我搜索过类似的问题但找不到任何问题。

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

1 个答案:

答案 0 :(得分:0)

按日期升序排列日期:

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

这是你的JSBin:http://jsbin.com/jiqayicuji/1/edit