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

时间:2019-06-11 09:00:58

标签: javascript d3.js heatmap

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

0 个答案:

没有答案