错误：<path>属性的值无效d =“[object Object] D3.js

Question

我是D3.js的新手，我正在尝试实现散点图，我的图表也在渲染，但我在控制台中收到以下错误。

  

错误：属性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

这是您的代码：http://codepen.io/anon/pen/BzEQZR?editors=1000