3
d3 2つの個別のズーム動作を同期する
次のd3 / d3fcチャートがあります https://codepen.io/parliament718/pen/BaNQPXx グラフには、メイン領域のズーム動作とy軸の個別のズーム動作があります。y軸をドラッグして再スケーリングできます。 私が解決できない問題は、y軸をドラッグして再スケーリングし、その後チャートをパンした後、チャートに「ジャンプ」があることです。 明らかに、2つのズーム動作は切断されており、同期する必要がありますが、これを修正しようと頭を悩ませています。 const mainZoom = zoom() .on('zoom', () => { xScale.domain(t.rescaleX(x2).domain()); yScale.domain(t.rescaleY(y2).domain()); }); const yAxisZoom = zoom() .on('zoom', () => { const t = event.transform; yScale.domain(t.rescaleY(y2).domain()); render(); }); const yAxisDrag = drag() .on('drag', (args) => { const factor = Math.pow(2, -event.dy * 0.01); plotArea.call(yAxisZoom.scaleBy, factor); …