私の用途の1つにcytoscape.jsを使用しています。ここでは、次のように、最初のノードのみでグラフを表示することをお勧めします。cytoscape.jsでJSONを使用してエッジを設定する方法
var cy1 = cytoscape({
container: document.getElementById('cy'),
elements: {
nodes: countriesJSON
},
style: [
{
selector: 'node',
style: {
'background-color': '#666',
'label': 'data(id)'
}
},
{
selector: 'edge',
style: {
'width': 1,
'line-color': '#aaa',
}
}
]
});
cy1.layout({
name: 'circle'
});
さて、関数の内部で、私はエッジが作成されると、この
function myfunc(){
...
...
allRoutes.map(function(d){
var inner={};
var obj = {}
inner["id"]="edge"+index
inner["source"]=data[0]
inner["target"]=data[1]
obj["data"]=inner
allLegsJSON[i]=obj;
i++;
})
...
...
cy1.elements({ edges: allLegsJSON });
}
が、私は上記のようなグラフにエッジを割り当てるなどのエッジを形成することになります。ただし、このコードは機能しません。誰かがこれをする方法を教えてもらえますか?私は、エッジを割り当て、次にcy1グラフを更新したいと思います。
注意をしました。 –