d3js v5 + topojsonv3バックグラウンドでのオブジェクトのプロパティへのアクセス

debugcn 投稿 Dev

ベリス

バックグラウンドでオブジェクトのプロパティにアクセスするためのヒントを探しています。実際、マウスホバーを使用して、レイヤーze.json（地理的単位）のプロパティを明らかにしたいと思います。

しかし、私の比例円はこの層を隠しています。

私は実際に想定されている手順については考えていません。理由は次のとおりです。

円比例は上になければなりません
不透明度は問題を解決しません

多分私は比例円に関する情報を報告する必要があります。しかし、どうすればこの情報を転送できますか？（人口だけでなく、ZE名も）

比例円

let rMax = d3.max(featureCollectionZe.features,(d)=>{return d.properties.pop;});

let propCircle = g.attr("class","prop_circle")
    .selectAll(".prop_circle")
    .data(featureCollectionZe.features)
    .enter()
    .append("circle")
    .attr("transform", (d)=>{return "translate(" + path.centroid(d) + ")";})
    .attr("r",(d)=>{return(Math.sqrt(d.properties.pop/rMax))*30;})
    .attr("fill","#ffa500")
    .attr("fill-opacity",0.8)
    .attr("stroke-width",1)

マウスイベント

svgZe
    .on("mouseover",
        (e)=>{return document.getElementById("name").innerHTML=e.properties.nom_ze,
        document.getElementById("pop").innerHTML=e.properties.pop;}
    )
    .on("mouseout",
        (e)=>{return document.getElementById("name").innerHTML="&nbsp",
        document.getElementById("pop").innerHTML="&nbsp";}
    )

これが私のコードです：https：//plnkr.co/edit/ZzeHWfChXa348iNBcHWQ

ヤロスラフ・セルジエンコ

これで問題が完全に解決するかどうかはわかりませんが、pointer-events: noneCSSプロパティをサークルに適用しようとしましたか？

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]