D3.js 带附加文本的轴上的转换

在以下代码中，如何在x轴上应用过渡：

//x轴 svg.appendg .attrclass，x轴 .attrtransform，translate0，+高度+ callxAxis先生 .附录文本 .attr类、标签 .x，宽度 .attry，-6 .styletext锚定，结束 .样式填充，黑色 .textxText； 添加

过渡 .持续时间100

---

在追加文本时导致错误。我是D3新手，我不知道如何做到这一点。

只要打断您的选择并命名它：

然后你可以做：

axisGroup.transition()
    //etc...

解释是，如果你不打破它，整个东西将只是一个选择

下面是一个基本演示：

常量刻度=d3.刻度线[10290]； const axis=d3.0标度； const svg=d3.selectsvg； const group=svg.appendg .attransform，translate0,50 .callaxis； group.appendtext .attrx，150 艾特里，40岁 .样式填充，黑色 .textFoo Bar Baz； 尺度域[0,50]； 组转换 .500 .持续时间1000 .callaxis

---

先生，您的代码有scale.domain[0,50]；这导致了明显的转变。我的刻度设置在呼叫轴之前。请看一下原始代码：请不要叫我先生。好吧，这只是一个演示，为了演示解决方案，它不是真正答案的一部分。。。你的问题在演示上面得到了回答。也就是说，使用你的代码，顺便说一句，如果你想知道的话，D35.8和更高版本的范围的速记。我想说的是。。。正如编辑显示的那样，在创建svg之前设置了比例。然后您有一个不同的问题。我将您的编辑回滚到原始代码。如果你想重构别人的代码，这似乎是事实，请在问题中包含所有相关信息，而不是这个，我指的是未来的。好吧，这只是一团混乱。请不要为其他问题编辑你的问题，这对那些花时间/精力为你提供答案的人来说是相当不公平的。如果您还有其他问题，或者您忘记添加有关原始目标的信息，以致编辑后的问题需要完全不同的答案，请发布另一个问题。好的，我以后会记住这一点。谢谢，不用担心。如果你想重构其他人的代码，发布一个你链接代码的问题，然后在问题中明确代码不是你的，否则人们将无法满足你的知识水平，解释你想如何重构代码，最后，添加所有相关信息，包括你尝试过的内容和你遇到的错误。记住，你可以在发帖前花所有时间修改你的问题，但是你发帖的那一刻，它是活的，人们会尝试回答这个特定的问题。

axisGroup.transition()
    //etc...