7

私はかなり単純なノードの階層構造を持っていますが、vis.js がそれらを描画するとき、各レベルのノードの順序はあまり意味がありません - 交差したエッジがたくさんあります (スクリーンショット: Default Layout )

私はここに与えられたものと同様のレイアウトを得ることを望んでいます: 期待されるレイアウト

私の vis.js オプションは次のとおりです。

{
    "layout": {
        "hierarchical": {
            "direction": "LR",
            "sortMethod": "directed",
            "nodeSpacing": 200,
            "treeSpacing": 400
        }
    },
    "edges": {
        "smooth": {
            "type": "continuous"
        }
    },
    "nodes": {
        "physics": false
    }
};

この並べ替えられたレイアウトを作成する最良の方法は何ですか?

4

2 に答える 2

0

エッジの交差などを整理する物理演算を有効にしてみることをお勧めします。

ただし、階層レイアウトでは、次のように「stabilizationIterationsDone」イベントをキャッチして、最初の反復が完了したらエンジンを無効にすることをお勧めします。

network.on("stabilizationIterationsDone", function(){
  network.setOptions( { physics: false } );
});

于 2018-09-20T13:33:32.073 に答える
-4

引用符を削除する必要があります。これらは文字列ではなく、オブジェクトのプロパティです。次のようになります。

layout: {
    hierarchical: {
        direction: "LR",
        sortMethod: "directed",
        nodeSpacing: 200,
        treeSpacing: 400
    }
},
edges: {
    smooth: {
        type: "continuous"
    }
},
nodes: {
    physics: false
}
于 2017-01-03T16:40:57.780 に答える