将轴文本标签放在刻度线之间

Question

如何根据标记更改标签的放置位置？

目前我有：

但我显然不希望日期被勾号打断。我想要这个：

我试过了：

.selectAll(".tick text")
.style("text-anchor", "start")

和

.selectAll("text")
  .attr("x", 5)
  .attr("dy", null)
  .attr("text-anchor", null);

和

svg.selectAll(".axis2 text")
.attr("dx", -115);

以上都没有移动文本标签。

任何建议都表示赞赏！

Answer 1

要选择text元素，请使用axisContainer.selectAll("text")，其中axisContainer是您调用xAxis2的选择变量的名称。然后你可以在它们上设置属性/样式。