Javascript 如何在手动导航中使增量添加的节点持久化
使用zoomcharts 1.5.1的网络图表,addData似乎只适用于navigation=showall。如果我尝试使用navigation=manual,它需要initialNodes 是否有一种方法可以自动使用增量添加的现有数据填充initialNodes?我希望这样做的原因是,我希望使用navigation=showall初始加载一组特定的节点/链接,然后将其更改为navigation=manual,以便用户可以单击以查看所有邻居 基本上,下面的示例显示了这种情况。。。节点“f-1”正被“m-1”的初始节点覆盖Javascript 如何在手动导航中使增量添加的节点持久化,javascript,zoomcharts,Javascript,Zoomcharts,使用zoomcharts 1.5.1的网络图表,addData似乎只适用于navigation=showall。如果我尝试使用navigation=manual,它需要initialNodes 是否有一种方法可以自动使用增量添加的现有数据填充initialNodes?我希望这样做的原因是,我希望使用navigation=showall初始加载一组特定的节点/链接,然后将其更改为navigation=manual,以便用户可以单击以查看所有邻居 基本上,下面的示例显示了这种情况。。。节点“f-1”
<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>
使用双击找到了解决方法:
<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>