Возможно ли иметь большую область на карте меркатора d3, которую можно навести / коснуться для отображения всплывающей подсказки?

Question

Я могу получить только всплывающую подсказку для отображения поверх текста в области карты Меркатора, но мне бы хотелось, чтобы она отображалась в большей области (особенно из-за того, что ее трудно касаться на мобильных устройствах).

paths.selectAll("text")
    .data(wards.features)
    .enter()
    .append("svg:text")
    .text(function(d){
        return (d.properties.SCODE_NAME);
        })
    .attr("x", function(d){
        return path2.centroid(d)[0];
        })
    .attr("y", function(d){
        return  path2.centroid(d)[1];
        })
    .attr("text-anchor","middle")
    .attr("font-size","24px")

    .on('mouseover',function(d){
      tip.show(d);

       d3.select(this)
        .style("opacity", 1)
        .style("stroke","black") // was white
        .style("stroke-width",1);
      })

    .on('mouseout', function(d){
      tip.hide(d);

      d3.select(this)
        .style("opacity", 1)
        .style("stroke","black")
        .style("stroke-width",0.3);
    })
 ;

Answer 1

Я исправил свою проблему, переместив код «on» в selectAll, где я установил цвет подопечных.