D3 - svgのスクロールにスクロールを適用する際の問題

Question

ここではd3.jsを初めて使用しています。私はdivにスクロールを適用したいので、svgとlegendの下にあるlegendが動的に追加されます私はデモ用に複数のチャートを1つのトレンドラインに配置しますが、リアルタイムでは1つのチャートに10〜20本のトレンドラインが表示されます。この問題を解決するにはどうすればよいですか？オーバーフローを適用しようとしました - y：svgにスクロールしますが、動作しません。伝説を入れてみました。 foreignObject要素は正常に動作しますが、IEでは動作しません。私が作業しているアプリケーションはIEで動作します。

ご迷惑をおかけして申し訳ありません。

Answer 1

SVG自体の高さに問題があるようです。 SVGのサイズを次のように大きくしてみてください。

d3.select('svg').attr('height', 600); 

コンソールでも試してみてください。

SVGには実際に最大の高さはありません（私の知る限り）。問題は、divがSVG（〜370px）よりも高さ（400px）が大きいことです。 SVGがdivより大きい場合、y-overflow: scrollに従うと、スクロール可能ですが、（divのために）高さが400pxです。しかし、divがSVGより大きい場合、スクロールするものはありません。