d3.js 드래그 포인트가 1 이상인 그래프

일부 데이터를 표시하는 4 개의 그래프가 있습니다. 이제 모든 4 개의 그래프에서 점을 드래그하려고합니다.d3.js 드래그 포인트가 1 이상인 그래프

내가 이미 가지고있는 것입니다.

var drag = d3.behavior.drag() 
    .on("drag", dragmove); 

function dragmove(d) { 
    var x = d3.event.x; 
    var y = d3.event.y; 
    console.log("["+x+";"+y+"]"); 
    d3.select(this).attr("transform", "translate(" + x + "," + y + ")"); 
    refresh(); 
}

차트 1에서 끌기를 만들 수있는 방법은 무엇입니까? chart4?

출처

2014-12-14 r4d1um

4 가지 차트 모두에서 끌기 동작을 적용하려는 모든 요소에 끌기 동작 함수를 호출해야합니다.

chart1.selectAll("circle").call(drag); 
... 
chart4.selectAll("circle").call(drag);

여기가 여러 차트

출처

2014-12-14 20:54:18 paulitto

와 함께 작동하는 방법을 올바른 방향으로 어울릴 example하지만 내가 원하는 점은 모든 차트에 이동한다는 것입니다. 나는 다른 Scalings가있는 4 개의 Chart를 가지고 있고 그 행동이 필요하다. – r4d1um

예에서 모든 차트에서 도트를 이동할 수 있음을 보여 줬습니다. 또는 한 차트에서 다른 차트로 도트를 움직이게 할 수 있습니까? – paulitto

한 도트에서 도트를 움직일 때 정확한 도트는 다른 차트 도웰에서 이동해야합니다. 차트는 동일하며 모두 동일한 정보를 표시하지만 x 및 y 축의 다른 비율로 표시됩니다. – r4d1um

d3.js 드래그 포인트가 1 이상인 그래프

답변

관련 문제