0

私は、miserables.js のような構造の JSON ファイルで機能する、このような強制有向グラフを作成しました。ビジュアライゼーションは、相互に参照している出版物間のネットワークを示しています。

次のコードは、ソース ノードとターゲット ノードの色を定義します。

var color = d3.scale.category10();...

.style("fill", function(d) { return color(d.group); })

では、同時にソースとターゲットであるノードの色を定義するにはどうすればよいでしょうか?

4

1 に答える 1

2

色はノードのグループに基づいて設定され、ノード グループは JSONデータ ソースから読み込まれます。したがって、グループを追加するには、データを前処理する必要があると思います。

たとえば、ソース = 1、ターゲット = 2、両方 = 3 の 3 つのノード タイプがあるとします。D3 JSON データ ソースは、ノードとノード間のリンクの両方を指定します。

例えば：

{
    "nodes":[
        {"name":"source","type":"source","group":1},
        {"name":"target","type":"target","group":2},
        {"name":"source & target","type":"both","group":3}
    ],
    "links":[
        {"source":0,"target":1,"value":1},
        {"source":0,"target":2,"value":2},
        {"source":2,"target":1,"value":3}
    ]
}

これの実行例はこちらです。ノードにカーソルを合わせると、各ノードのタイプを示すツール ヒントが表示されます。

于 2012-08-06T22:25:21.120 に答える