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