score:0

i use to show:

d3.select("#tooltip").style('display','block');

to hide:

d3.select("#tooltip").style('display','none');

try this, maybe it's work for you too.

your code:

var mousemove = function(d) {
    var x = d3.event.pagex + 5;
    var y = d3.event.pagey + 5;

    if (d.properties.value > 0) {
        d3.select("#tooltip")
          .style("left", x + "px")
          .style("top", y + "px")
        d3.select("#tooltip #countyname")
          .text(d.id);
        d3.select("#tooltip #average")
          .text('$' + d.properties.value);
        d3.select("#tooltip").style('display','block'); <=== here show
    }

};

var mouseout = function() {
    d3.select("#tooltip").style('display','none');    <=== here hide
    d3.select(this.parentnode.appendchild(this))
        .style({
          "stroke": "#ffffff",
          "stroke-width": 1,
          'stroke-linejoin':'round',
          'stroke-linecap': 'round',
          'opacity': 1, });
};

Related Query

More Query from same tag