javascript - 调试不正确显示的条形图

Question

我的条形图应该在背景中交替出现，类似于 jsFiddle 中的操作:fiddle 。这就是它最终的样子:picture .

这是应该可以解决问题的代码(但没有):

svg.selectAll("g.grid")
    .data(y.ticks()).enter()
    .append("g").attr("class", "grid")
    .select("rect")
        .data(x.ticks())
        .enter()
        .append("rect")
        .attr("y", function(d, i, j) {
                return yScale(i);
        })
        .attr("width", width)
        .attr("height", (yScale.rangeBand()))
        .attr("fill", function(d, i) {
            return ((i) % 2) == 1 ? "white" : "lightgrey";
        });

这是我正在使用的完整代码:code

还有一段代码here .

Answer 1

除了 y 的元素错误之外，一切都是正确的