javascript - d3js画动态tree图,点击后层级混乱,求助
大家讲道理
大家讲道理 2017-04-11 11:04:56
[JavaScript讨论组]

按着教程画出来了但是发现点击后层级变化出错,求大神帮助看看
代码如下



    
    tree图






city.json文件如下

{
"name":"中国",
"age":"19" , 
"children":
[
    { 
      "name":"浙江" , 
      "age":"19" , 
        "children":
        [
                {"name":"杭州" , "age":"19"   },
      
                {"name":"宁波" , "age":"19" },
                {"name":"温州" , "age":"19" },
                {"name":"绍兴", "age":"19"  }
        ] 
      },
      
    { 
        "name":"广西" , 
        "children":
        [
            {"name":"桂林", "age":"19" },
            {"name":"南宁", "age":"19" },
            {"name":"柳州", "age":"19" },
            {"name":"防城港", "age":"19" }
        ] 
    },
    
    { 
        "name":"黑龙江",
        "children":
        [
            {"name":"哈尔滨"},
            {"name":"齐齐哈尔"},
            {"name":"牡丹江"},
            {"name":"大庆"}
        ] 
    },
    
    { 
        "name":"新疆" , 
        "children":
        [
            {"name":"乌鲁木齐"},
            {"name":"克拉玛依"},
            {"name":"吐鲁番"},
            {"name":"哈密"}
        ]
    }
]
}

d3.v3.min.js文件不贴了-官网地址

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(1)
巴扎黑

解决了
因为一行代码

    //获取节点的update部分
            var nodeUpdate = svg.selectAll(".node")
                    .data(nodes, function (d) {
                        return d.name;
                    });

我写的是

 var nodeUpdate = svg.selectAll(".node")
                        .data(nodes);

但是我没明白这个的作用是什么

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号