ConnectionLayer

The ConnectionLayer component renders connections between points on a map, accepting an array of Connection data points with required properties like latitude and longitude. It supports customization of color, thickness, direction the connection indicators.

OverviewProperties

ConnectionLayer

ConnectionLayerProps

Signature:

export declare type LayerProps<T extends > = <T> & (<T> | );

Connection

Signature:

export declare type Connection = { /** Array of connections */ path: []; };

Name	Type	Default	Description
path	[]		Array of connections

Location

Name	Type	Default	Description
latitude			The latitude coordinate of the location.
longitude			The longitude coordinate of the location.

CurvedLine

Signature:

export declare type CurvedLine = | ;

Tooltip

ConnectionLayerTooltipData

Name	Type	Default	Description
color			The hovered connection color
thickness			The hovered connection thickness
data	T		The hovered connection custom data and path locations

ConnectionLayerTooltipHandler

Signature:

export declare type ConnectionLayerTooltipHandler = (connectionData: ) => ;

ConnectionLayerTooltipHandlerProps

Name	Type	Default	Description
children?	|		The ConnectionLayer tooltip handler template
seriesActions?	(data: ) =>		Series actions callback for the default tooltip
hidden?			Whether the tooltip is hidden
symbolAlignment?	|		Overrides the horizontal alignment of series symbols