为什么我的条形图倒置了？

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

或者更确切地说，就padding：

而言

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

将相同的修补程序应用于text y定位。