2016-10-07 6 views
1

私はjavascript、jquery、jsonのエキスパートではありません。force-directededグラフの使用例bl.ocks.orgからの例

私の目標は、力指向のグラフの例を使用しているデータセットのグラフをbl.ock.usから作成することです。
1)私はjson形式を生成するためのpythonスクリプトを書いた。他の人が自分のforce-directed graph例をテストするためにjsfiddler使用方法を見て 2)は、私は私の例では表示されませんmy example

問題

グラフのために私自身のjsfiddlerを作りましたよ!私はjson形式のデータが正しいと信じています。なぜそれがうまくいかないのか分かりません。上記(2)の参考例と私の例の間に見られる唯一の違いは、データの順序とデータの量です。

参考例のデータの順序は次のとおりです。

{ "nodes":[{"name": "nodeName1","group":1}, 
      {"name": "nodeName2","group":1}, 
      ..., 
      {"name": "nodeNameN","group":1}] 
,"links":[{"source":"nodeNameX", "target":"nodeNameY", "value":3}]} 

私のJSON形式のデータの順序は次のとおりです。

{ "nodes": [{ "group":1, "name":"nodeName1"}, 
       ...., 
      { "group":M, "name":"nodeNameK"}], 
    "links": [{"value": 1, "source": "nodeNameU", "target": "nodeNameV"}] 

私が見る唯一の大きな違いは、の順序でありますjsonデータ内のキー。これは問題ですか?繰り返しますが、私は合計json、javascript noobです。

StackOverflowのは

あなたはそのd3が不明であるので、あなたは、D3-ライブラリを含める必要が見ることができるブラウザでコンソール出力を見てみると

stackoverflow reference 1

stackoverflow reference 2

答えて

2

を参照します。 JSFiddleでは、外部リソースにhttps://d3js.org/d3.v3.jsを追加します。

しかし、この後、あなたはまだ言ってエラーを取得

経験から未定義

のプロパティ「重量」を読み込めません、その理由があるかもしれないlinksであなたが持っていることをsourcetargetは存在しませんnodesです。

更新:私はクイックチェックを行い、あなたのリンクにはターゲット名AppendixJがありますが、これはnodesにありません。

Here D3-追加外部リソースなどと更新フィドルあるとAppendixJを含むリンクをご説明いただきありがとうございますし、助け

+0

を削除! – torrho