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

【问题标题】：Error: Invalid value for <path> attribute d="[object Object] D3.js错误：<path> 属性 d="[object Object] D3.js 的值无效
【发布时间】：2016-08-19 04:26:02
【问题描述】：

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

请帮助或提供一些线索。

【问题讨论】：

错误来自 svg.append("path").attr("class", "line").attr("d", data)。你想在散点图中使用路径做什么？
@ChiragKothari，连接散点图在 dataviz 中很常见。为此，我们使用路径来连接圆圈：steveharoz.com/research/connected_scatterplot

标签： javascript json d3.js

【解决方案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

【讨论】：