使用d3使节点中的文本只能在有向图中单击

时间:2015-12-03 12:29:57

标签: javascript d3.js directed-graph

我在看这个例子: http://bl.ocks.org/cjrd/6863459

我需要使唯一的文本可以点击,当点击它时应该导致一些超链接。

在这种特殊情况下,如何才能做到这一点?我尝试使用Hyperlinks in d3.js objects

以上示例帮助我仅点击节点。但是,我不希望通过单击圆圈上的任何位置来重定向。我只希望我的文字可以点击,因为当整个圆圈可点击时我失去了有向图的“拖动”属性。 我将命名空间<html xmlns:xlink="http://www.w3.org/1999/xlink">添加到html文件中。另外,我将数据修改为

{"nodes":[{"title":"node 1","id":0,"x":935,"y":100, "url":"http://google.com"},{"title":"node 2","id":1,"x":644,"y":418, "url":"http://google.com"}, {"title":"node 3","id":2,"x":700,"y":500, "url":"http://google.com"}],"edges":[{"source":1,"target":0}]}

并编辑d3绘图代码,为每个数据元素追加节点 但它没有帮助。有什么帮助吗?

非常感谢你。

0 个答案:

没有答案