Javascript D3:SVG组元素中溢出

我有以下几点：

右上角的图例块（由红色矩形突出显示）是一个组元素，包含左侧折线图的图例

我面临的问题是，这些图例的数量是动态的，并且是一个接一个地添加的。SVG有一个固定的高度（到目前为止），以像素为单位。因此，我担心的是，在某一点之后，这些图例将溢出封闭的SVG元素

是否有办法向图例组元素添加垂直滚动条，以便合并任意数量的图例？或者，我应该根据图例的数量以某种方式使SVG高度动态化吗

---

解决此问题的最佳方法是什么？

您可以使用HTML将图例放入

外来对象中，并在其中添加滚动条。我不知道在特定SVG中添加滚动条的本机选项。谢谢，这是一个不错的选项。