在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');