3
d3 การซิงโครไนซ์ 2 พฤติกรรมการซูมแยกต่างหาก
ฉันมีแผนภูมิ d3 / d3fc ต่อไปนี้ https://codepen.io/parliament718/pen/BaNQPXx แผนภูมิมีพฤติกรรมการซูมสำหรับพื้นที่หลักและพฤติกรรมการซูมแยกต่างหากสำหรับแกน y คุณสามารถลากแกน y ไปยัง rescale ได้ ปัญหาที่ฉันมีปัญหาในการแก้ปัญหาคือหลังจากลากแกน y ไปยัง rescale แล้วจึงปรากฎว่ามีแผนภูมิ "กระโดด" ในแผนภูมิ เห็นได้ชัดว่าพฤติกรรมการซูม 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(); }); …