1

私は単純なjsonファイルを持っています:

{
 "nodes":[ 
{"name":"Moe","group":1},
{"name":"Madih1","group":1},
{"name":"Madih2","group":1},
{"name":"Nora","group":1},
{"name":"Myna","group":1}
 ],
 "links":[
{"source":35,"target":44,"value":1},
{"source":44,"target":35,"value":1},
{"source":45,"target":35,"value":1},
{"source":45,"target":44,"value":1},
{"source":35,"target":49,"value":1},
{"source":49,"target":35,"value":1}
 ] 
 }

http://bl.ocks.org/4062045#index.htmlに示されているように html コードを正確に使用して保存すると、上記の json に対処すると、cancas には何も表示されません。

あまり詳しくないので教えていただけると助かります。また、jsonを使ってこのようなグラフを描くのに必要な最低限のコードが分かれば助かります。

一番、

4

1 に答える 1

0

「ソース」と「ターゲット」の数は、ノード配列内のアイテムのインデックスを参照します。したがって、jsonを次のように変更できます。

{
 "nodes":[ 
    {"name":"Moe","group":1},
    {"name":"Madih1","group":1},
    {"name":"Madih2","group":1},
    {"name":"Nora","group":1},
    {"name":"Myna","group":1}
 ],
 "links":[
    {"source":0,"target":1,"value":1},
    {"source":1,"target":2,"value":1},
    {"source":2,"target":3,"value":1},
    {"source":3,"target":4,"value":1},
 ] 
 }

次に、 http：//bl.ocks.org/4062045#index.htmlの例からコードを最小コードとしてコピーできます。jsonファイルを独自のjsonファイルに変更することを忘れないでください。

d3.json("path/to/your/json", function(error, graph) {
    //codes
});
于 2013-01-24T05:39:51.393 に答える