d3js v5 + топойсон v3 Доступ к свойствам объекта в фоновом режиме - PullRequest
Новая
       9

d3js v5 + топойсон v3 Доступ к свойствам объекта в фоновом режиме

0 голосов
/ 22 ноября 2018

Я ищу подсказку для доступа к свойствам объекта в фоновом режиме.Действительно, при наведении курсора я хочу раскрыть свойства слоя ze.json (географическая единица).

Однако мои пропорциональные круги скрывают этот слой.enter image description here

Я не совсем представляю себе предусмотренную процедуру, потому что:

  • Пропорциональный круг должен быть сверху
  • Непрозрачность нене решить проблему

Может быть, я должен сообщить информацию о пропорциональных кругах.Но как я мог передать эту информацию?(не только население , но и имя ЗЭ )

Пропорциональные круги 

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

1 Ответ

0 голосов
/ 22 ноября 2018

Я не уверен, что это полностью решит вашу проблему, но вы пытались применить pointer-events: none свойство CSS к кругу?

...