y在d3条形图上缩放

Question

我正在尝试在d3中构建一个堆叠条形图。

这里是我的jsfiddle： http://jsfiddle.net/maneesha/gwjkgruk/4/

我想，这样的y轴以零开始进行修复。

我想这就是那个成立，这是应该的：

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]), 

，然后当你填充rect：

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