[英]Clicking on node in dagre-d3
我正在使用degre-d3,但在獲取被單擊節點的節點數據時遇到問題。 單擊時我有一個事件,但d3.select(this)似乎無法獲得相關數據(如果可能,我希望獲得節點名稱,標簽和其他對象數據)。
app.controller "DashboardElementShowController", ($scope, DashboardElementIndexService) ->
init_app = ->
# Create a new directed graph
g = new dagreD3.Digraph()
g.addNode "bpitt",
label: "html Brad Pitt <b>test</b>"
g.addNode "hford",
label: "Harrison Ford"
g.addNode "lwilson",
label: "Luke Wilson"
g.addNode "kbacon",
label: "Kevin Bacon"
g.addEdge null, "bpitt", "kbacon",
g.addEdge null, "hford", "lwilson",
g.addEdge null, "lwilson", "kbacon",
renderer = new dagreD3.Renderer().edgeInterpolate("cardinal")
.edgeTension(0.8)
renderer.edgeInterpolate('linear');
renderer.run g, d3.select("svg g")
d3.select("svg g").on("click", (d, i, k) ->
console.log d3.select(this) # doesn't seem to have relevant info I need
)
init_app()
編輯:10.09.2014:在這里說我必須重寫renderer.drawNodes方法: https : //github.com/cpettitt/dagre-d3/issues/67
這是指定的代碼:
constructor:
@renderer.drawNodes @_drawNodes().bind @
_drawNodes: ->
oldDrawNodes = @renderer.drawNodes()
(graph, svg) ->
# catch drawed nodes
svgNodes = oldDrawNodes graph, svg
svgNodes.on 'click', (nodeId) -> console.log 'node clicked', nodeId
我不確定該如何以及在何處覆蓋此代碼...
他們的Wiki中的此示例可能會有所幫助http://cpettitt.github.io/project/dagre-d3/latest/demo/hover.html
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.