y在d3条形图上缩放

Question

我正在尝试在d3中构建堆积条形图。

这是我的傻瓜： 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]),

然后当你填写矩形时：

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