2013-06-05 97 views
0

這個偉大的tutorial顯示瞭如何更新所有svg元素。我將如何選擇一個元素並更新它?我知道如何在D3.js中添加事件偵聽器來更新單個元素,但是如果由於某些外部因素需要更新元素,該怎麼辦?謝謝。D3.js - 更新單個元素

回答

1

此頁面涵蓋了所有的你可以選擇元素的方式(S):https://github.com/mbostock/d3/wiki/Selections

例如,你可以這樣做:

var circle = svg.select("#circle-0"); 
circle 
    .transition() 
    .duration(750) 
    .style("fill", "steelblue"); 

這裏是一個工作示例:http://jsfiddle.net/elevine/FYY9k/

+0

那是解決方案的一部分,我可以選擇元素。我在本教程的鏈接中尋找一個簡單的例子。我實際上正在使用更復雜的力圖。當我在力圖上的某個節點上進行選擇並更改屬性時,我將丟失該節點的位置和所有鏈接。 –

+0

我已經添加了一個選擇單個元素並根據教程進行更新的示例。如果您可以發佈一些示例代碼和/或jsfiddle,這將有助於嘗試解決您遇到的具體問題。 – elevine

+0

謝謝。你回答了我所問過的問題,但我無法在更新的力圖的範圍內工作。如果你想看看,我做了一個更好的例子[小提琴](http://jsfiddle.net/3BNFe/)?底部的按鈕點擊功能是我想要修改節點的地方。 –