Skip to main content

    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: []; };
    NameTypeDefaultDescription
    path
    []
    		-

    Array of connections

    Location

    NameTypeDefaultDescription
    latitude
    		-

    The latitude coordinate of the location.

    longitude
    		-

    The longitude coordinate of the location.

    CurvedLine

    Signature:

    export declare type CurvedLine = | ;

    Tooltip​

    ConnectionLayerTooltipData

    NameTypeDefaultDescription
    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

    NameTypeDefaultDescription
    children?
    |
    		-

    The ConnectionLayer tooltip handler template

    Still have questions?
    Find answers in the Dynatrace Community