问题描述
我有一个散点图，需要在其中拟合一条线。 我使用ajax调用将数据加载为JSON。 我似乎无法显示这条线。 当我检查元素时，我可以看到路径，但是什么也没显示。
这是一个存在问题的JSFiddle：我已将ajax部分注释掉，并对返回的数据进行硬编码。
我猜问题出在299-318行附近：
linegroup = main.append('g')
.attr('transform', 'translate(0,0)')
.attr('class', 'main myline');
var line = d3.svg.line()
.x(function (d) {
return d.x;
})
.y(function (d) {
return d.y;
});
linegroup.selectAll("path")
.data([data.line])
.enter()
.append("path")
.attr("d", line)
.attr("fill", "none")
.attr("stroke", "#000")
.attr("stroke-width", 5);
我究竟做错了什么？
1楼
我设法弄清楚了，抱歉打扰您了。
问题是我忘了将刻度添加到行中，因此最终以低于页面结尾的方式结束。
var line = d3.svg.line()
.x(function (d) { return x(d.x); })
.y(function(d) { return y(d.y); });