javascript - 为什么我的条形图是倒置的？

Question

CODEPEN:

https://codepen.io/anon/pen/dWXBeZ

<小时/>

问题:

我的 D3 条形图数据似乎是反转的，并且条形没有覆盖图表的整个高度。

如何正确缩放条形？

我认为我的 xScale 和 yScale 有问题。

Answer 1

我相信您需要减去应用yScale的外部高度。例如，代替:

.attr("y", (d, i) => yScale(h - d[1]))

.attr("y", (d, i) => h - yScale(d[1]))

或者更确切地说，在您的情况下使用填充:

.attr("y", (d, i) => h - 填充 - yScale(d[1]))

对 text 的 y 定位应用相同的修复。