エラー：<path>属性の値が無効です。d = "[オブジェクトオブジェクト] D3.js

Question

D3.jsを初めて使用していて、散布図を実装しようとしていますが、グラフもレンダリングされていますが、 。

Error: Invalid value for attribute d="[object Object] D3.js

私のデータセットは、JSONオブジェクトであるローカル変数である。

、ペン

http://codepen.io/7deepakpatil/pen/LkaKoy?editors=1000

のコンソールを確認してください

手助けをしたり手がかりを与えてください。

Answer 1

これは、回線ジェネレータがないためです。この追加：

var line = d3.svg.line() 
    .interpolate("monotone")//change this if you want 
    .x(function(d) { 
     return x(d.date); 
    }) 
    .y(function(d) { 
     return y(d.IPname); 
}); 

をそして、パスを追加します。ここでは

svg.append("path") 
    .attr("class", "line") 
    .attr("d", line(data)) 
    .attr("fill", "none") 
    .attr("stroke", "gray");//change the color here 

はあなたcodepenです：。http://codepen.io/anon/pen/BzEQZR?editors=1000