正在更新圖形，因爲我拖動了一個點

Question

我正在使用d3製作最適合的應用程序，我希望最適合的線條可以在我拖動點時進行更新。我得到它的工作，以便當你的拖動結束時，行自行更新。但是，當實際更新點被拖動時，我無法這樣做。

這是我拖累功能：

var move = d3.behavior.drag() 
       .on("drag",drag) 
       .on("dragend",function(){ 
        dict.length = 0; 
        var dragPoint = d3.select(this); 
        var newX = x_scale2(parseInt(dragPoint.attr("cx"))); 
        var newY = y_scale2(parseInt(dragPoint.attr("cy"))); 

        model.replace_point(dragPoint.attr("id"),newX,newY); 
        updateDisplay(); 


      }); 

    function drag(){ 
     var dragPoint = d3.select(this); 
     dragPoint 
    .attr("cx",function(){return d3.event.dx + parseInt(dragPoint.attr("cx"));}) 
    .attr("cy",function(){return d3.event.dy +parseInt(dragPoint.attr("cy"));}) 
     } 

**就如何實現我的目標任何幫助，將不勝感激**

Answer 1

你可以只包括你在拖拽功能「更新代碼」 。
每當拖動事件被觸發時，該行就會被更新。這意味着每當點的位置改變時。

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

function drag() { 
    var dragPoint = d3.select(this); 
    dragPoint 
     .attr("cx", d3.event.dx + parseInt(dragPoint.attr("cx"))) 
     .attr("cy", d3.event.dy + parseInt(dragPoint.attr("cy"))); 
    var newX = x_scale2(parseInt(dragPoint.attr("cx"))); 
    var newY = y_scale2(parseInt(dragPoint.attr("cy"))); 
    model.replace_point(dragPoint.attr("id"), newX, newY); 
    updateDisplay(); 
}