D3.js:我可以从刻度线偏移刻度标签吗？

Question

我在 D3.js 中工作，我想绘制一个轴，其刻度标签与刻度线偏移。

一张图片可能是解释这一点的最佳方式:



因此，白色刻度线与 Jan/Feb/Mar 刻度标签不在同一位置，而是沿 x 轴偏移。

我目前正在使用 x 轴的序数系列，并传入一组显式 tickValues .

我看不到任何方法可以从 D3 axis documentation 中的刻度标签中偏移刻度线.我应该简单地手动绘制刻度线吗？

Answer 1

这确实不受直接支持，但您确实有几个选择。

您可以有两个不同的轴，一个用于刻度，另一个用于标签。

您可以使用主要和次要刻度来破解它。见this question的第一个回答.

您可以明确选择标签并偏移它们。请参阅 the same question 的其他答案或 this mailing list thread .

根据您想要做什么，一种解决方案可能比其他解决方案更好。特别是，您需要考虑是否希望所有这些都动态更新。