首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使增量添加的节点在手动导航中持久存在

如何使增量添加的节点在手动导航中持久存在
EN

Stack Overflow用户
提问于 2015-08-28 04:26:26
回答 1查看 51关注 0票数 0

使用zoomcharts (1.5.1)的NetChartaddData()似乎只适用于navigation = showall。如果我尝试使用navigation = manual,它需要initialNodes

有没有一种方法可以让initialNodes自动填充现有数据(增量添加)?我希望这样做的原因是,我希望使用navigation = showall初始加载一组特定的节点/链接,然后将其更改为navigation = manual,以便用户可以单击以查看所有邻居

基本上,下面的例子显示了这种情况...节点'f-1‘正在被'm-1’的initialNodes覆盖。

代码语言:javascript
复制
<script>
  var t = new NetChart({
        container: document.getElementById("demo"),
        area: { height: 350 }

    });
    t.addData({nodes: [{loaded: true,id: "f-1",name: "Anna"},{id: "m-1",name: "Joe"}],links: [{to: "f-1",from: "m-1",id: "l01",type: "friend"}]});
    t.updateSettings({
        data:
        {
            preloadNodeLinks:true,
            dataFunction: function(nodeList, success, error){
                //return just the first node, net chart will ask for more
                jQuery.ajax({
                    url:"/dvsl/data/net-chart/friend-net/"+nodeList[0]+".json",
                    success: success,
                    error: error});
            }
        },
        navigation:{
            initialNodes:["m-1"],
            mode:"manual"
        }

    });


</script>
EN

回答 1

Stack Overflow用户

发布于 2015-08-28 04:54:34

通过使用doubleclick找到了一个解决方法:

代码语言:javascript
复制
<script>
    var t = new NetChart({
      container: document.getElementById("demo"),
      area: {
          height: 350
      },
      events:{
            onDoubleClick: dclickEvent
        }
  });
  t.addData({nodes: [{loaded: true,id: "f-1",name: "Anna"},{id: "m-1",name: "Joe"}],links: [{to: "f-1",from: "m-1",id: "l01",type: "friend"}]});


    function dclickEvent(event){
        if (!$("#click")[0].checked) return;
        console.log('event.clickNode', event.clickNode);
        if (event.clickNode) {
              jQuery.ajax({
                      url: "/dvsl/data/net-chart/friend-net/" + event.clickNode.id + ".json",
                      success: function(data) {
                          console.log('test-foo-data', data);
                          t.addData(data);
                      }
                  })

        }
    }


</script>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32258812

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档