如何製作具有不規則數據的d3多重摺線圖？

我對d3.js很新，我一直在關注很多教程。基本上我想要做的是看起來像this。我到達那裏，但由於某些原因，我的表變成了一些奇怪的線（注意卡羅爾在jsbin路徑）如何製作具有不規則數據的d3多重摺線圖？

這裏是我的代碼jsbin到目前爲止http://jsbin.com/poyinokobu/edit?html,output

我得到的結論是，這是因爲我的JSON數據不規範，但我不知道如何解決。我搜索了類似的問題，但找不到任何。

請如果有人能讓我知道我在做什麼錯我會非常感激它！這個庫是給了我那麼多頭疼:(

2016-10-25 Ant100

把你的日期以升序：

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

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

來源

2016-10-26 00:09:03

謝謝你的任何機會，你知道我怎麼能使沒有數據的日子（即星期五07只有三個人有價值，其餘的沒有數據），他們仍然出現，沒有數據的人顯示爲「零」 – Ant100

是的，只是使用'line.defined'。看到我的答案在這裏：http://stackoverflow.com/questions/37846788/add-space-gap-in-a-line-in-d3/37847137#37847137而且這e，與演示：http://stackoverflow.com/questions/39748271/d3-linearly-interpolate-only-close-enough-points/39750744#39750744 –

如何製作具有不規則數據的d3多重摺線圖？

回答

相關問題