如何在d3中的svg上放置一个滚动事件

Question

我正在开发d3 js中的堆栈条形图。

我的代码结构如下：

<div id="frame1">
<div class = "header">
//code...  
</div>
<div class = "box">
//Here I am calling a JavaScript function which will develop a stack bar chart using svg.
</div>
</div>

我已将框的属性设置为＆＃39; auto＆＃39;为了溢出＆＃39;。 因此，当数据量巨大时，该框变为滚动面板。 我给Y轴命名了。 它的代码是：

svg.append("text")
  .attr("text-anchor", "middle")  // this makes it easy to centre the text as the transform is applied to the anchor
  .attr("transform", "translate("+ -50 +","+redefineHeightForLabel()+")rotate(-90)")  // text is drawn off the screen top left, move down and out and rotate
  .text("Timings");

因此，如果数据量很大，那么我必须向下滚动才能看到剩余的数据。但通过这样做，我的Y轴标签上升了。 因此，每当我执行滚动时，我想在svg上放置一个事件，以便计算标签的高度。