将节点更改为图像

时间:2017-06-22 13:41:54

标签: javascript d3.js

我想点击它时集中节点,所以我使用了以下代码:

    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了解一点,任何人都可以告诉我哪里出错了?

1 个答案:

答案 0 :(得分:0)

我终于以另一种方式做到了: 使用" var g_container = svg.append(g)" 附加一个" g" label(g_container),并移动" g_container"集中点击的节点。

这是最终项目: https://myaisv.github.io/curry/renlifang/connan/t1.html

final project