d3js中的热图具有怪异的x轴

时间:2019-03-06 10:48:43

标签: d3.js heatmap

我已更改此代码https://bl.ocks.org/nanu146/df39c69d1d0cb1b71429b2cd47e2a189 根据我的需要。但是x轴在第一个和最后一个位置有空线。我该如何摆脱呢?

我尝试使用xScale,但没有成功。 my heatmap result

感谢帮助!

1 个答案:

答案 0 :(得分:3)

要删除这些壁虱,只需:

axis.tickSizeOuter(0);

根据APItickSizeOuter()

  

...控制域路径的方形末端的长度,从轴的原始位置偏移。因此,“外部刻度”实际上不是刻度,而是域路径的一部分,并且它们的位置由相关标度的域范围确定。外部刻度大小为0将抑制域路径的平方端,产生一条直线。

以下是与该更改相关联的bl.ocks:https://bl.ocks.org/GerardoFurtado/a5153b4a293d72325c1aaee0b9aaac0c/52d701ca5d5a79809316eef39eafa2ccfc70879b