lineConfig

Beschreibung

Optional. Ein Objekt mit der Standardkonfiguration für die Connector-Linien

Info

Die Einstellungen lineType, lineDirection und arrowsHidden werden auf die neuen Connector-Linien angewendet, die über den Editor hinzugefügt werden.

Verwendung

lineConfig?: {
    lineType?: "dash" | "line",
    lineDirection?: "backArrow" | "forwardArrow",
    arrowsHidden?: boolean,
    lineGap?: number,
    connectType?: "elbow" | "straight" | "curved" // der Typ "curved" wird nur im Mindmap-Modus verwendet
};

Parameter

Das Objekt lineConfig enthält die folgenden Parameter:

• lineType - (optional) der Standardtyp der neuen Connector-Linien. Der Wert wird angewendet, wenn das Linienobjekt nicht die Eigenschaft "type" enthält
• lineDirection - (optional) die Richtung der neuen Connector-Linien
• arrowsHidden - (optional) legt fest, ob die Pfeile der neuen Connector-Linien ausgeblendet werden sollen
• lineGap - (optional) legt den Abstand zur rechtwinkligen Biegung einer Connector-Linie fest
• connectType - (optional) legt den Verbindungstyp der Linien fest: "elbow" | "straight" | "curved" (der Typ "curved" wird nur im Mindmap-Diagram-Modus verwendet). Der Wert wird angewendet, wenn das Linienobjekt nicht die Eigenschaft "connectType" enthält

Hinweis

Die Parameter lineDirection, arrowsHidden und lineGap funktionieren nur im Standardmodus des Editors (type: "default")

Standardkonfiguration

lineConfig: {
    lineType:"line",
    lineDirection: "forwardArrow",
    arrowsHidden: false,
    lineGap: 10
}

Der Parameter connectType hat folgende Standardwerte:

• "elbow" - für den Standardmodus und den Organigramm-Modus
• "curved" - für den Mindmap-Modus (dieser Typ wird nur im Mindmap-Modus verwendet)

Beispiel

const editor = new dhx.DiagramEditor("editor_container", {
    type: "default",
    lineConfig: {
        lineType: "dash",
        lineDirection: "backArrow",
        arrowsHidden: true,
        lineGap: 50,
        connectType: "straight"
    },
    // weitere Konfigurationsparameter
});

Das Ergebnis der Anwendung der Eigenschaft lineGap wird im folgenden Bild dargestellt:

Changelog:

• Der Parameter connectType wurde in v6.1 hinzugefügt
• Der Parameter lineGap wurde in v5.0 hinzugefügt (siehe den Migrationsartikel)
• Hinzugefügt in v4.2

Verwandtes Beispiel: Diagram editor. Festlegen des Standard-Linientyps (Connector). Verbinden Sie Form A mit Form B