Javascript 当我添加in.text（）时，简单的d3.js条形图被反转

我有一个非常简单的d3.js条形图，如下所示：

然而，只要我拿出

    .text(function(d) { return d; })

很好

---

有人知道为什么第一种情况（我在标记中填充了数据列表中的文本）是颠倒的吗？我需要在某个地方设置轴的方向吗？

您可以根据FernOfTheAndes的注释使用

垂直对齐：底部

将其对齐

---

这是因为

显示：内联块的行为取决于是否存在文本。如果指定
vertical align:top
，则会覆盖不同的默认行为，它们的行为将相同。在谷歌上搜索display:inline block

，你会发现一些描述这种行为的帖子。