无法向条形图添加网格线

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/