lineConfig

Описание

Необязательный параметр. Объект с конфигурацией по умолчанию для соединительных линий

К сведению

Настройки lineType, lineDirection и arrowsHidden будут применяться к новым соединительным линиям, добавляемым через редактор.

Использование

lineConfig?: {
    lineType?: "dash" | "line",
    lineDirection?: "backArrow" | "forwardArrow",
    arrowsHidden?: boolean,
    lineGap?: number,
    connectType?: "elbow" | "straight" | "curved" // тип "curved" используется только в режиме ментальной карты
};

Параметры

Объект lineConfig содержит следующие параметры:

• lineType - (необязательный) тип новых соединительных линий по умолчанию. Значение применяется, если объект линии не содержит свойство "type"
• lineDirection - (необязательный) направление новых соединительных линий
• arrowsHidden - (необязательный) определяет, должны ли быть скрыты стрелки новых соединительных линий
• lineGap - (необязательный) задает расстояние до прямоугольного изгиба соединительной линии
• connectType - (необязательный) задает тип соединения линий: "elbow" | "straight" | "curved" (тип "curved" используется только в режиме ментальной карты Diagram). Значение применяется, если объект линии не содержит свойство "connectType"

Примечание

Параметры lineDirection, arrowsHidden и lineGap работают только в режиме по умолчанию редактора (type: "default")

Конфигурация по умолчанию

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

Параметр connectType имеет следующие значения по умолчанию:

• "elbow" - для режима по умолчанию и режима организационной диаграммы
• "curved" - для режима ментальной карты (этот тип используется только в режиме ментальной карты)

Пример

const editor = new dhx.DiagramEditor("editor_container", {
    type: "default",
    lineConfig: {
        lineType: "dash",
        lineDirection: "backArrow",
        arrowsHidden: true,
        lineGap: 50,
        connectType: "straight"
    },
    // другие параметры конфигурации
});

Результат применения свойства lineGap показан на изображении ниже:

Журнал изменений:

• Параметр connectType добавлен в v6.1
• Параметр lineGap добавлен в v5.0 (см. статью о миграции)
• Добавлено в v4.2

Связанный пример: Diagram editor. Настройка типа линии (соединителя) по умолчанию. Попробуйте соединить фигуру A с фигурой B