0

簡単なグラフを作成しました (より複雑になりますが、この例の目的のためにはそうします)。

function createGraph(){
  var graph = jsnx.Graph();
  graph.add_nodes_from([
[1,{color:'red'}],
[2,{color:'green'}],
[3,{color:'blue'}]
  ]);

  graph.add_edges_from([[1,2],[1,3]]);

  jsnx.draw(graph,{
element: '#my-canvas',
with_labels: true,
node_style:{
  fill: function(d){
      return d.data.color;
    }

}
   }); 
 }

このコードはグラフを正常に描画します。ここで、ユーザーがマウスでエッジを選択できるようにしたいと思います。このエッジが選択されたら、「canc」キーを押すとエッジが削除されます。

また、ユーザーがノードをクリックしてから別のノードをドラッグすると、エッジを作成できるはずです。

要するに、d3.jsは視覚化のためだけのものですか、それともグラフを視覚的に変更することもできますか?

4

1 に答える 1

0

原則として、これは D3 で行うことができます (例については、こちらを参照してください)。ただし、ユーザーが自分でグラフを変更できるようにする機能を実装する必要があります。つまり、D3 はそのままではこの機能を提供しません。

于 2014-04-06T12:28:11.357 に答える