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