d3.js Анимация Следуй за кругами при движении мыши

Question

Я использую библиотеку d3.js , и у меня возникла проблема с реализацией того, что нужно клиенту.

Вот запрос клиента, который они хотят " черный кружок, чтобы" следовать"мышь, когда вы наводите на нее курсор.

Я не знаю, есть ли в библиотеке d3.js такая функция, которую я вижу только при перетаскивании мышью.

Я добавил свой пример кода в JSFiddle, см. Ниже:

node.on("mousemove", function(){
    var coords = d3.mouse(this);
    //node.attr('transform', 'translate(' + coords[0] + ',' + coords[1] + ')';
    nodes.call(force.drag); 
});

jsFiddle: https://jsfiddle.net/glenmongaya/4pjaeko3/5/

Спасибо за помощь.

Answer 1

Вы хотите, чтобы указатель мыши вел себя как перетаскивание?

node.on("mousemove", function(d){
    d3.event.stopPropagation(); // stop the default event handling
    d.fixed = true; // fix the moused over node
    var coords = d3.mouse(this.parentNode); // get mouse position
    d.px = coords[0]; d.py = coords[1]; // set position
    force.resume(); // resume layout
});

Обновлено скрипка .