lineConfig

Описание

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

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

lineConfig?: {
    lineType?: "dash" | "line",
    lineGap?: number,
    connectType?: "elbow" | "straight" | "curved" // тип "curved" используется только в режиме mindmap
};

Параметры

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

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

К сведению

Значения настроек lineType и connectType будут применены, если объект линии не содержит аналогичных свойств.

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

lineConfig: {
    lineType: "line",
    lineGap: 10
}

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

• "elbow" - для режимов default и org chart Diagram
• "curved" - для режима mindmap Diagram (этот тип используется только в режиме mindmap Diagram)

Пример

const diagram = new dhx.Diagram("diagram_container", {
    type: "default",
    lineConfig: {
        lineType: "dash",
        lineGap: 50,
        connectType: "straight"
    },
    // остальные параметры конфигурации
});

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

Связанный пример: Diagram. Режим Default. Диаграмма действий

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

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

Полезная статья: Настройка соединений между фигурами