Сетки сетки, не отображаемые в гистограмме D3

Question

Я играю с различными типами диаграмм D3, и для этого конкретного примера я не могу заставить линии сетки отображаться. Я сравнил его с похожим примером, где есть строки, но я все еще не могу понять. Здесь есть jsfiddle того, что у меня есть на данный момент.

Я в основном заинтересован в горизонтальных линиях сетки так вот код, когда я добавляю ось у:

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