documentationfor yFiles for HTML 2.6

BridgeManager

Helper class that calculates visual hints in a path where said path crosses an obstacle.

Inheritance Hierarchy
BridgeManager

Remarks

Most notably this feature is used to render crossings of IEdges with other edges.

To set up bridges in a GraphComponent at the least the following is necessary:

Creating a BridgeManager for a GraphControl
// Create a BridgeManager and bind it to the GraphComponent
const bridgeManager = new BridgeManager()
bridgeManager.canvasComponent = graphComponent
// Add an obstacle provider that queries graph items (notably edges)
// for obstacles which can then be bridged
bridgeManager.addObstacleProvider(new GraphObstacleProvider())

Furthermore, an edge style that supports bridges is necessary; PolylineEdgeStyle is a good choice. Various other properties can be set to change the defaults, e.g. how bridges appear, or which way bridges point.

Related Programming Samples

Bridges
Shows the capabilities of the BridgeManager class for inserting bridges into edge paths.

Type Details

yfiles module
view-component
yfiles-umd modules
All view modules
Legacy UMD name
yfiles.view.BridgeManager

See Also

Constructors

Properties

Methods