Ошибка: недопустимое значение для <path> атрибут d = "[object Object] D3.js

Question

Я новичок в D3.js, и я пытаюсь реализовать диаграмму рассеяния, и моя диаграмма также отображает, но я получаю следующую ошибку в консоли .

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

Мой набор данных является локальной переменной, которая является объектом JSON.

Пожалуйста, проверьте консоль пера

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

var data =[{"date":"0","IPname":"0","stage":"init"},{"date":"1","IPname":"1","stage":"Recon"}]; 

Пожалуйста, помогите или дайте подсказку.

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