javascript - 无法将网格线添加到条形图

Question

我是 D3 的新手，我已经构建了 this bar chart .

我想添加平行于x 轴 的网格线。我看到了this tutorial并在第 76 行添加了代码。

function make_x_axis() {        
    return d3.svg.axis()
        .scale(x)
         .orient("bottom")
         .ticks(5)
}

svg.append("g")         
        .attr("class", "grid")
        .attr("transform", "translate(0," + height + ")")
        .call(make_x_axis()
            .tickSize(-height, 0, 0)
            .tickFormat("")
        );

然而，这并没有帮助。

我在这里错过了什么？

jsFiddle

Answer 1

首先，如果你想让直线平行于 x 轴，你应该使用 make_y_axis 函数。为什么不显示您的行:您有 .tick line { display: none } 您应该删除该行。 http://jsfiddle.net/47z9bua3/8/