边缘在mxGraph

时间:2018-05-09 22:05:31

标签: javascript mxgraph

我正在设置mxGraph:

model = new mxGraphModel();
    // Tell the model to manage cell ids for us
    model.isCreateIds();

    graph = new mxGraph(container, model);        

    var graphMgr = new GraphManager(graph);
    var edgeMgr = new EdgeManager();

    // Configure mxGraph properties, methods, and event handlers
    graphMgr.configure();

    // Create style sheet
    graphMgr.defineStyles();

    // Initialize the layout managers
    graphMgr.defineLayout(model);

    // Get the main parent for the graph
    var parent = graph.getDefaultParent();
    var parallelEdges = new mxParallelEdgeLayout(graph);
    parallelEdges.execute(parent);

这是初始设置。我刚刚添加了mxParallelEdgeLayout的东西,因为我发现这应该可以防止边缘在彼此的顶部运行并重叠。我的意思是重叠并在彼此之上运行:

enter image description here

我正在使用正交边缘样式。

如果这不是你如何防止这种情况(使用mxParallelEdgeLayout),那么有没有办法让mxGraph阻止这种事情?如果mxParallelEdgeLayout是要走的路,有没有人知道它为什么不接受我的布局执行?

1 个答案:

答案 0 :(得分:0)

您是否尝试过使用 spacing 变量?

var parallelEdges = new mxParallelEdgeLayout(graph);
parallelEdges.spacing = 20;