Разница по высоте шкалы d3

Question

Я рисую диаграмму, но у меня проблемы с тем, как справиться с моей шкалой y, и что мои прямоугольники нарисованы "поверх" каждого. (Я рисую с барами от оси у)

Я вычисляю, насколько высокой должна быть каждая полоса, и, если полоса выше, чем моя высота по умолчанию, y не справится с этим. Я не уверен, как справиться с этим. Я рисую свой прямоугольник:

forms.append("rect")
.attr("class", "rectStyle")
.style("fill", function(d) { return color(d.Name); })
.attr("x", function(d){ return x(new Date(d.startDate));}) 
.attr("height",function(d) { return d.barHeight;})
.attr("y", function(d) { return y(d.RowGroup);})
.attr("width", function(d){ d.w = (x(new Date(d.endDate))-x(new Date(d.startDate)));
    return d.w; });
y  = d3.scale.linear()
.domain([1,noRows])
.range([0,height -margin.top-margin.bottom-padding*noRows]);

Благодарен за то, как я должен решить эту проблему