单击缩放/平移和中心节点属性?

时间:2014-04-23 16:30:01

标签: javascript html d3.js

我目前有以下代码:

.on("click", function(d) {
                if(d.group == 2) {

                  node.filter(function(d) { return d.group == 1; }).style("visibility", "visible")
                    .on("click",function(d){
                        if(d.group == 1){
                            node.filter(function(d) { return d.group == 4; }).style("visibility", "visible")
                                .on("click",function(d){
                                    if(d.group==4){
                                        node.filter(function(d) { return d.group == 3; }).style("visibility", "visible")
                                            .on("click",function(d){
                                                if(d.group==3){
                                                    node.filter(function(d){return d.group == 6;}).style("visibility","visible")
                                                    .on("click",function(d){
                                                        if(d.group==6){
                                                            node.filter(function(d){return d.group ==5;}).style("visibility","visible");
                                                            link.filter(function(d){return d.value ==6;}).style("visibility","visible");
                                                            texts.filter(function(d){return d.group ==5;}).style("visibility","visible");
                                                            }
                                                        });
                                                    link.filter(function(d) { return d.value == 5; }).style("visibility", "visible");
                                        texts.filter(function(d) { return d.group == 6; }).style("visibility", "visible");
                                                    }
                                                });
                                        link.filter(function(d) { return d.value == 4; }).style("visibility", "visible");
                                        texts.filter(function(d) { return d.group == 3; }).style("visibility", "visible");
                                        }
                                    });
                            link.filter(function(d) { return d.value == 3; }).style("visibility", "visible");
                            texts.filter(function(d) { return d.group == 4; }).style("visibility", "visible");
                            }
                        });
                  link.filter(function(d) { return d.value == 2; }).style("visibility", "visible");
                   texts.filter(function(d) { return d.group == 1; }).style("visibility", "visible");
                }

我正在尝试这样做,以便当您单击一个节点时,除了我已经拥有的.on("click")函数之外,我还想要缩放和居中或平移和居中,具体取决于节点。

0 个答案:

没有答案