d3.js события наведении курсора мыши сталкивающиеся

Question

Я использую d3.js подсказке помощника Кристофа Вио в:

https://gist.github.com/milroc/2975255

но и хотят, чтобы вызвать другие события при наведении курсора мыши, а не только всплывающую подсказку, в частности, я хочу изменить сам круг, поэтому я попробовал:

var circle = svg.append("svg:g").selectAll("circle") 
.data(force.nodes()) 
.enter().append("svg:circle") 
.call(d3.helper.tooltip(function(d,i){return d.name;})) 
.attr("r", 12) 
.call(force.drag) 
.on("mouseover", function(){d3.select(this).style("fill", "blue");}); 

Любой из них работает сам по себе, но не вместе. Я пробовал редактировать помощник всплывающей подсказки, но у меня появились ошибки. Я добавил варианты их к вспомогательной подсказке всплывающих подсказок:

var newvar = function(d,i) {d3.select(this).style("fill", "blue");} 
var newvar = function(selection) {d3.select(this).style("fill", "blue");} 

Кто-нибудь знает, как правильно это выразить?

Answer 1

Я обновил свой 10 месяцев старый код;) http://bl.ocks.org/biovisualize/2973775

Часть вам нужно это event namespacing, так что вы можете применить несколько событий к тому же элементу без звон:

.on('mousemove.tooltip', ...