我試圖讓節點在點擊時顯示相鄰的彈出框。這是我所在位置的代碼筆:https ://codepen.io/SavanaPope/pen/abLdmbz?editors=1000
我已經非常接近了,彈出視窗當前顯示在左上角,并且正在接收點擊 x/y 資料。它只是沒有獲得正確的游標位置 - 我不確定它目前是如何獲得像素資料的。
我認為這個問題與 clicknode 功能有關:
function clicknode(nodes) {
const[x, y] = d3.pointer(event);
tooltip.style("left", (x) "px")
.style("top", (y) "px")
.transition().duration(200).style("opacity", 0.9)
loadTooltipContent(nodes);
}
但我就是無法弄清楚我的(可能的)格式錯誤在哪里。
如果您對如何解決此問題有任何想法,我將不勝感激。
uj5u.com熱心網友回復:
對于D3 V7,重寫clicknode如下:
function clicknode(event, nodes) {
tooltip
.style("left", `${event.layerX}px`)
.style("top", `${event.layerY}px`);
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/375821.html
標籤:javascript d3.js 光标位置
