D3.js 删除“;“边缘记号”;在时间尺度上

D3.js 删除“;“边缘记号”;在时间尺度上,d3.js,D3.js,我正在尝试使用D3.js创建一个时间刻度 以下是我的想法: 现在唯一让我感到困惑的是如何去除两个边缘记号(红色圆圈)。我正在绘制一个图表来表示一周内的数据,例如从2021年3月14日星期一到2021年3月21日星期日。但是,由于我不希望我的星期一和星期天处于两个边缘,我在域中又添加了两天(2021年3月13日星期日和2021年3月22日星期一),然后尝试删除两个“边缘标记”下的日期,但我没有找到办法。 我想知道是否有更好的方法来做到这一点,而不必再增加两天的域名。如果有人保留这两天,他们将如何

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

以下是我的想法:

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


谢谢。

一种方法是使用css隐藏轴中的第一个和最后一个g元素,这将隐藏相关的记号和标签

 <selector-for-your-x-axis> g:first-of-type, <selector-for-your-x-axis> g:last-of-type {
    display: none;
  }
g:类型的第一个,g:类型的最后一个{
显示:无;
}

另一种方法是,只需在域的开始和结束前12个小时,而不是一整天,这样就不会产生滴答声

您应该发布生成轴的代码。