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

时间:2016-08-19 04:26:03

标签: javascript json d3.js

我是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"}];

请帮忙或提供一些线索。

1 个答案:

答案 0 :(得分:0)

那是因为你没有线路生成器。加上这个:

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