已解決430363個問題，去搜搜看，總會有你想問的

懸停時顯示 d 的 D3 工具提示問題

首頁猿問懸停時顯示 d 的 D3 工具提示問題

懸停時顯示 d 的 D3 工具提示問題

JavaScript

MMTTMM 2023-06-09 17:46:47

冒險進入 D3 領域并嘗試設置一個帶有工具提示的簡單條形圖，但似乎我無法訪問我傳遞給鼠標懸停事件的數據：chart.on("mouseover",?function(d){ ??????return?tooltip.style("visibility",?"visible") ????????????????????.text(d.name?+?"?-?"?+?d.calories?+?"?cal"); ?????? ????})感謝任何答案，因為我有點困惑

查看完整描述

1 回答

白衣染霜花

TA貢獻1796條經驗獲得超10個贊

嘗試以下：

chart.selectAll("rect").on("mouseover", function(event, d){?

? return tooltip.style("visibility", "visible")

? ? .text(d.name + " - " + d.calories + " cal");

})

我看到兩個錯誤：

分配mouseover事件時，您需要在每個上執行rect，而不是在上執行chart。所以chart.selectAll("rect").on部分修復它。
mouseover處理函數的第一個參數event不是data.?第二個是data。所以你需要做function(event, d)而不是function(d)

反對回復 2023-06-09

1 回答
0 關注
180 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

懸停時顯示 d 的 D3 工具提示問題

懸停時顯示 d 的 D3 工具提示問題

1 回答

添加回答