D3 - 堆积条形图，从基础开始

Question

我在这里有一个傻瓜https://plnkr.co/edit/hBWoIIyzcHELGyewOyZE?p=preview

我将此作为创建堆积条形图的起点 https://bl.ocks.org/d3indepth/30a7091e97b03eeba2a6a3ca1067ca92

我需要图表是垂直的并且有轴

在我的例子中，我的图表是垂直的，但是我不能让它从基座开始并向上移动。

我知道这是因为y attr但是我不能让它发挥作用。

.attr('y', function(d) {
    return d[0];
})

Answer 1

尝试将y属性作为height和d[1]之间的差异：

.attr('y', function(d) {
    return height - d[1];
})

你的傻瓜对我有效（我认为如此？）这次修正。

解释：这些坐标是相对于0,0点（左上角）所以对于像这样的图形的y轴你总是需要翻转它...你捕获了它在你的轴刻度中是正确的（例如对于x：[0, width]和y：[height, 0]）