D3jsポリゴン

Question

私は、単純なポリゴンを描画しています

内をクリックして、私は、ユーザーが

CODE

poly = [{"x":0.0, "y":25.0}, 
     {"x":28.5,"y":23.4}, 
     {"x":33.0,"y":21.0}, 
     {"x":39.0,"y":1.5}]; 

    svg.selectAll("polygon") 
    .data([poly]) 
    .enter().append("polygon") 
    .attr("points",function(d) { 
     return d.map(function(d) { 
      return [scaleX(d.x),scaleY(d.y)].join(","); 
     }).join(" "); 
    }) 
    .attr("stroke","white") 
    .attr("stroke-width",1) 
    .attr("fill", "none") 
    .attr("class", "feature") 
    .on("click", function(d){ alert("HEO"); }); 

クリック機能があるだけで、多角形の内側にクリックしたときのデータとツールチップの種類を表示したいですポリゴンを定義する4つの点の1つをクリックすると呼び出されます。のポリゴン内でクリックを検出するにはどうすればよいですか？

Answer 1

ので、そのクリックイベントは、任意の色でこのポリゴンを入力し、ゼロに不透明度を設定し、内部を