Javascript 在d3图表中，我的xAxis勾号文本没有完全显示出来

我在我的项目中使用了d3图表，在我的图表中，我将

格式化为日期和时间

格式化我的

xAxis

勾选以特定格式显示日期

我的问题是我看到的是我的xAxis tick文本没有完全显示出来，它从一开始就被删除了

下图显示的第一个值应为“

10月16日凌晨12:00

”，如下所示，但它仅显示“

16凌晨12:00

”的刻度

这是我的密码-

var xAxis = d3
            .axisBottom(xScale)
            .ticks(5);

        const formatToDateAndTime = d3.timeFormat("%b %d %I:%M %p"); // e.g.Sep 18 02:30 PM

        xAxis.tickFormat((d, index) => {
            return formatToDateAndTime(d);
        });

---

请指导我如何解决这个问题。

我通过添加

.attr（“transform”、“translate（40）”、+height+”）解决了这个问题。

我的代码-

g.append("g")
    .attr("class", "x axis")
    .attr("id", "axisX")
    .attr("transform", "translate(40, " + height + ")")
    .call(xAxis);

---

我不确定这是不是最好的解决方案，但这就是我如何解决这个问题的

可能重复：@SibasishMohanty我提到了这一点，但它没有帮助，如果可能的话，你能指导我吗？