Javascript Can'；t获取要在rect d3js v4上渲染的轴值

在这个中，我试图使xAxis文本（状态）呈现在rect元素的顶部

通常的解决方法是选择

.axis.axis--x

并将其放置在

rect

之后

我还尝试在各种类和元素中更改z索引，但没有成功

---

有人知道我错过了什么吗

您应该在x轴之前插入

层

容器（包含矩形）。通过以下方式更改186-188字符串上的代码：

let barGroups = g.selectAll("g.layer").data(series);
  barGroups.enter().insert("g", ".axis--x") // <== !!!
  .classed('layer', true);

让barGroups=g.selectAll（“g.layer”）。数据（系列）；
barGroups.enter（）.insert（“g”，“.axis--x”）/您应该在x轴之前插入
层
容器（包含矩形）。通过以下方式更改186-188字符串上的代码：

let barGroups = g.selectAll("g.layer").data(series);
  barGroups.enter().insert("g", ".axis--x") // <== !!!
  .classed('layer', true);

让barGroups=g.selectAll（“g.layer”）。数据（系列）；
barGroups.enter（）.insert（“g”、“.axis--x”）//保持
元素的正确顺序应该可以正常工作。您需要确保
按文档顺序位于条形图之后。实现这一目标有多种途径；一种方法是在x轴组的正前方插入钢筋：

// Stacked bars
let barGroups = g.selectAll("g.layer").data(series);
barGroups.enter().insert("g", ".axis.axis--x")
    .classed('layer', true);

看看你的代码是如何工作的。
保持
元素的正确顺序应该很好。您需要确保
按文档顺序位于条形图之后。实现这一目标有多种途径；一种方法是在x轴组的正前方插入钢筋：

// Stacked bars
let barGroups = g.selectAll("g.layer").data(series);
barGroups.enter().insert("g", ".axis.axis--x")
    .classed('layer', true);

看看你的代码是如何工作的。
谢谢你的回答，但我的意思是把文本放在rect前面，这样它才可读，应该更清晰，我很感谢你的回答，但我的意思是把文本放在rect前面，这样它才可读，应该更清晰，我的错