3
d3同步2个单独的缩放行为
这赏金已经结束。这个问题的答案有资格获得+500声望奖励。赏金宽限期在7小时内结束。 议会正在寻找一个规范的答案。 我有以下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); …