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.
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 |
Still have questions?
Find answers in the Dynatrace Community