如何在d3.js中按顺序将阶梯函数式的线条绘制到热图上？

Question

基于Customize Heatmap in d3的示例，我是d3.js的新手，并且正在d3中使用热图。在绘制了热图和基于scaleBand的比例之后，我喜欢在矩形之间绘制阶梯函数曲线，以分隔热图的不同区域，就像在matplotlib.pyplot中对python所做的那样： 我尝试自己用svg.append('line')来画那条线，但是由于必须使用有序刻度，所以我无法弄清楚如何获取d3.scaleBands的坐标（x，y值）来绘制这些线线。 有没有更优雅的方法将矩形彼此分开，如果没有，如何从刻度中获取坐标？