typeConfig

К сведению

Свойство не работает в Editor

Описание

Необязательный. Объект, который предоставляет параметры конфигурации для Diagram в режимах mindmap и PERT

Для Diagram в режиме mindmap свойство typeConfig определяет направление фигур. Если свойство не применяется, дочерние фигуры будут располагаться автоматически в соответствии с основным алгоритмом.

Для Diagram в режиме PERT свойство typeConfig позволяет задавать формат отображения дат в фигурах задач.

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

для режима mindmap

typeConfig?: {
    direction?: "left" | "right";
}

// или
typeConfig?: {
    side?: {
        left?: string[],
        right?: string[]
    }
}

для режима PERT

typeConfig?: {
    dateFormat?: string; // %d-%m-%Y по умолчанию
}

Параметры

Объект typeConfig может включать один из следующих параметров:

для режима mindmap:
- direction - (необязательный) задает направление графа:
  - "left" - располагает дочерние фигуры графа слева от корневой фигуры
  - "right" - располагает дочерние фигуры графа справа от корневой фигуры
- side - (необязательный) объект, который задает обязательное направление для указанных дочерних фигур. Объект содержит набор пар ключ:значение, где ключ - это направление фигур (left, right), а значение - массив с идентификаторами фигур
для режима PERT:
- dateFormat - (необязательный) задает формат отображения дат в фигурах типа task. Влияет на отображение дат в пользовательском интерфейсе

Подсказка

Для диаграммы в режиме mindmap можно использовать либо атрибут direction, либо side. Не используйте их одновременно!

Пример

для режима mindmap:

const diagram = new dhx.Diagram("diagram_container", {
    type: "mindmap",
    typeConfig: {
        direction: "right"
    }
});

или

const diagram = new dhx.Diagram("diagram_container", {
    type: "mindmap",
    typeConfig: {
        side: {
            left: ["2", "3"],
            right: ["4", "5"]
        }
    }
});

Обратите внимание, что остальные дочерние фигуры, не заданные в опции side, будут располагаться автоматически в соответствии с основным алгоритмом.

для режима PERT:

const diagram = new dhx.Diagram("diagram_container", {
    type: "pert",
    typeConfig: {
        dateFormat: "%d/%m/%Y"
    }
});

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

Свойство dateFormat для режима PERT добавлено в v6.1
Добавлено в v3.1.

Полезная статья: Расположение фигур в режиме mindmap Diagram

Связанные примеры:

Описание​

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

Параметры​

Пример​

Описание

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

Параметры

Пример