D3.js d3js中的热图具有奇怪的x轴

我已经更改了这个代码 根据我的需要。但x轴在第一个和最后一个位置上有空行。我怎样才能摆脱它

我试着玩xScale，但没有成功

---

谢谢你的帮助

要删除这些记号，只需执行以下操作：

axis.tickSizeOuter(0);

根据，

滴答器（）

：

…控制域路径方端的长度，从轴的本机位置偏移。因此，“外部记号”实际上不是记号，而是域路径的一部分，它们的位置由关联刻度的域范围确定[…]外部记号大小为0将抑制域路径的方端，而不是生成一条直线

---

以下是与该更改链接的bl.ock:

要删除这些标记，只需执行以下操作：

axis.tickSizeOuter(0);

根据，

滴答器（）

：

…控制域路径方端的长度，从轴的本机位置偏移。因此，“外部记号”实际上不是记号，而是域路径的一部分，它们的位置由关联刻度的域范围确定[…]外部记号大小为0将抑制域路径的方端，而不是生成一条直线

---

以下是您与该更改链接的bl.ocks:

绝对是正确的方法，很抱歉我错过了这个！绝对是正确的方法，很抱歉我错过了这个！