D3 v6中如何在滑鼠懸停事件期間抓取節點資料？

在D3 v6 中，如何在滑鼠懸停事件期間取得節點資料

在D3 v6 及更高版本中，透過選擇檢索節點的綁定資料。 on() 與先前的版本不同。該數據不再接收滑鼠事件數據，而是成為傳遞給事件監聽器的第二個參數。

D3v5 和早期

之前，D3 中的事件監聽器遵循以下模式:

其中：

• 其中：
• 其中：d 是事件觸發元素的資料
  i 是其索引

  nodes 是目前群組所選元素的

  可以使用d3.event 存取事件相關的數據。

  D3v6

  使用D3v6，模式已更改to:

  現在直接將事件物件作為第一個參數傳遞，而資料作為第二個參數。因此 d3.event 已被棄用。

  存取資料

  要擷取滑鼠懸停目標的資料：

  確定事件位置

  確定事件位置

  在D3v5 中，您可以使用d3.mouse(this) 來取得事件的x,y 位置。在 D3v6 中，使用：範例以下範例示範在滑鼠懸停事件期間取得資料和事件位置：

以上是D3 v6中如何在滑鼠懸停事件期間抓取節點資料？的詳細內容。更多資訊請關注PHP中文網其他相關文章！