Bonjour, j'essaye de drag and drop un rectangle avec la fonction drag() de D3.js mais j'ai toujours la même erreur

"Cannot set property "x" of undefined" je ne comprend pas pourquoi (pourtant mes fonctions sont bien appeler quand je clique sur mon rectangle)

Mon rectangle : 

svgContainer.append("rect").attr("width", width * 0.08).attr("height",height*0.2).attr("x", width * 0.3,function(d){return d.x;}).attr("y", height*0.78,function(d){return d.y;}).attr("id", "dragTester").attr("style","fill:yellow").call(d3.drag().on("start",dragstarted).on("drag",dragged).on("end",dragended));
            dragTester = d3.select("#dragTester");

Mes fonctions de drag : 

function dragstarted(d) {
                        d3.select(this).raise().classed("active", true);
                    }

                    function dragged(d) {
                        d3.select(this).attr("width", d.x = d3.event.x).attr("height", d.y = d3.event.y);
                    }

                    function dragended(d) {
                        d3.select(this).classed("active", false);
                    }

Merci d'avance !

-
Edité par denisbeauget 12 février 2019 à 19:20:40