Question

我有一个散点图，我需要在图中插入一条线。我使用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);

我做错了什么？

Answer 1

我设法弄清楚了，很抱歉打扰你。

问题是我忘了将刻度线添加到线上，所以它最终在页面下方结束。

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

D3无法显示线条

1 个答案: