我想点击它时集中节点,所以我使用了以下代码:
node.on("click", function(d){
var cX = width/2;
var cY = height/2;
var dx = cX - d.x;
var dy = cY - d.y;
link.attr("transform", function(d) { return "translate(" + dx + "," + dy + ")"; });
node.attr("transform", function(d) { return "translate(" + dx + "," + dy + ")"; });
});
它适用于“普通节点”,但是当将节点更改为图像时,在节点(图像)仍在此处时移动链接。 enter image description here
以下是我的示例:http://talk.huacishu.com/t11.html
我对d3js\javascript
了解一点,任何人都可以告诉我哪里出错了?
答案 0 :(得分:0)
我终于以另一种方式做到了: 使用" var g_container = svg.append(g)" 附加一个" g" label(g_container),并移动" g_container"集中点击的节点。
这是最终项目: https://myaisv.github.io/curry/renlifang/connan/t1.html