是否有可能在d3js grapgh上有浮动的x轴？

Question

有一个很长的图表。我的x轴位于图表的顶部。想知道是否有可能有一个浮动的x轴，所以当用户向下滚动图形时，x轴停留在屏幕上供用户看到？

感谢您的帮助

Answer 1

在d3js的大多数情况下， 开发人员创建一个单独的svg元素。但你可以将它们分开;例如。 x / y轴和数据绘图区域。然后你可以通过css静态分配这个svg字段为常量。

var axisSvg = d3js.select('axisSvg').append('svg').attr('class','axisSvg);

var mainSvg = d3js.select('mainSvg').append('svg').attr('class','maingSvg);

和css

 .axisSvg{
 position: fixed;
    bottom: 0;
    right: 0;
    width: 300px;
}