CODEWITHSUNDEEP
javascriptmxgraph
Geff Attree
Geff Attree

Reputation: 183

How do I use the curved edge style in mxGraph

A recent release of mxGraph has added curves as a style for edges. I expected this to be an edge routing style, but it seems not. Could anyone show me a small example of a graph with curved edges?

Upvotes: 5

Views: 6321

Answers (2)

Radim Burget
Radim Burget

Reputation: 1516

In the current version you can use something like: 

    mxGraph graph = new mxGraph();
    Map<String, Object> style = graph.getStylesheet().getDefaultEdgeStyle();
    style.put(mxConstants.STYLE_ROUNDED, true);
    style.put(mxConstants.STYLE_EDGE, mxConstants.EDGESTYLE_ENTITY_RELATION);

Upvotes: 3

Frodo Baggins
Frodo Baggins

Reputation: 8543

It's actually the shape style of the edge:

style = graph.getStylesheet().getDefaultEdgeStyle();
style[mxConstants.STYLE_CURVED] = '1';

Sets it for as the default for all edges.

Edge styles are really the positioning of the control points of the edge between the source and target. The curve isn't routing (this points positioning), it's just a styling through those points, thus it's not an edge style.

Upvotes: 9

Related Questions