javascript - D3无法显示线条

Question

我有一个散点图，需要在图中拟合一条线。我使用 ajax 调用将数据加载为 JSON。 我似乎无法显示该线路。当我检查元素时，我可以看到路径，但没有显示任何内容。

这是一个有问题的 JSFiddle: 我已经注释掉了 ajax 部分并对我返回的数据进行了硬编码。

JSFiddle with missing line

我猜测问题出在第 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);

我做错了什么？

Answer 1

我已经弄清楚了，抱歉打扰你了。

问题是我忘记将刻度添加到该行中，因此它最终位于页面结束下方。

var line = d3.svg.line()
        .x(function (d) { return x(d.x); })
        .y(function(d) { return y(d.y); });