网格线未在D3直方图中显示

Question

我正在玩不同类型的D3图表，对于这个特殊的例子，我似乎无法显示网格线。我把它与一个类似的例子进行了比较，我的线条出现了，但我仍然无法理解它。这是我目前所拥有的jsfiddle。

我主要对水平网格线感兴趣，所以这里是添加y轴时的代码：

var gy = svg.append('g')
    .attr('class', 'y axis')
    .attr('transform', 'translate(' + margin.left + ',' + margin.top + ')')
    .call(yAxis);

gy.selectAll('g').filter(function(d) {
  return d;
})
.classed('minor', true);

Answer 1

您可以使用刻度尺寸来设置水平网格线的大小。宽度应与x轴的宽度相同* -1：

var yAxis = d3.svg.axis()
    .scale(yScale)
    .tickFormat(formatNumber)
    .tickSize(-width)
    .ticks(3)
    .orient('left');