在时间尺度上删除“边缘刻度”

Question

我正在尝试使用 D3.js 创建时间刻度。

这是我想出的：

现在唯一让我感到困惑的是如何删除两个边缘刻度（红色圆圈）。我正在绘制一个图表来表示一周内的数据，例如从 2021 年 3 月 14 日星期一到 2021 年 3 月 21 日星期日。但是由于我不希望我的星期一和星期日在两个边缘，我在域中添加了两天（星期日 13/03/2021 和星期一 22/03/2021）然后尝试删除两个“边缘滴答声”，但我还没有找到办法。 我想知道是否有更好的方法来做到这一点，而不必在域中添加另外两天。如果有人保留增加的两天，他们将如何删除勾号下的日期？

谢谢。

Answer 1

一种方法是使用 css 隐藏轴中的第一个和最后一个 g 元素，这将隐藏关联的刻度和标签

 <selector-for-your-x-axis> g:first-of-type, <selector-for-your-x-axis> g:last-of-type {
    display: none;
  }

另一种方法是只在域的开始和结束前填充 12 小时而不是一整天，因此根本不会生成刻度