тепловая карта в d3js имеет странную ось х

Question

Я изменил этот код https://bl.ocks.org/nanu146/df39c69d1d0cb1b71429b2cd47e2a189 по моей необходимости. Но ось X имеет на первой и последней позиции пустую строку. Как от этого избавиться?

Я пытался играть с xScale, но безуспешно. результат моей тепловой карты

Спасибо за помощь!

Answer 1

Чтобы удалить эти галочки, просто:

axis.tickSizeOuter(0);

Согласно API , tickSizeOuter():

... контролирует длину квадратных квадратов пути домена, смещенную от исходного положения оси. Таким образом, «внешние отметки» на самом деле являются не отметками, а частью пути к домену, и их положение определяется экстентом домена соответствующей шкалы [...] Внешний размер отметки 0 подавляет квадратные концы пути домена, вместо этого производя прямую линию.

Вот ошибки, которые вы связали с этим изменением: https://bl.ocks.org/GerardoFurtado/a5153b4a293d72325c1aaee0b9aaac0c/52d701ca5d5a79809316eef39eafa2ccfc70879b