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