y scale on d3 bar chart

Question

Я пытаюсь построить сложную гистограмму в d3.

Вот мой jsfiddle: http://jsfiddle.net/maneesha/gwjkgruk/4/

Я пытаюсь это исправить, так что ось у начинается с нуля.

Я думал, что это, где это было установлено и это, как это должно быть:

yScale = d3.scale.linear() 
    .domain([0, yMax]) 
    .range([0, height]), 

, но он не работает. Изменение домена на это приводит к правильной шкале, но беспорядок все мои исправления.

yScale = d3.scale.linear() 
    .domain([yMax, 0]) 
    .range([0, height]), 

Что я делаю неправильно?

Answer 1

Попробуйте изменить свой масштаб так:

yScale = d3.scale.linear() 
    .domain([0,yMax]) 
    .range([height,0]), 

, а затем, когда вы заполните прямоугольник:

.attr('y', function (d) { 
    return height - yScale(d.y0); 
}) 
.attr('height', function (d) { 
    return height - yScale(d.y); 
})