Обзор API Shapebar

Shapebar — это часть Diagram Editor, которая отображает превью элементов Diagram (фигур, групп и дорожек). Используйте свойство shapebar конфигурационного объекта view для отображения, скрытия и настройки Shapebar. Есть два способа инициализации, один из которых можно выбрать:

• создание Shapebar по умолчанию с помощью настройки shapebar:true:

const editor = new dhx.DiagramEditor("editor_container", {
    type: "default",
    view: {
        shapebar: true // отображение Shapebar по умолчанию
    }
});

• настройка Shapebar путём указания его в виде объекта с набором свойств:

const editor = new dhx.DiagramEditor("editor_container", {
    type: "default",
    view: {
        // настройка Shapebar через объект
        shapebar: {
            css: "custom_css",
            show: true,
            width: 300,
            preview: {
               scale: 0.65,
               gap: 8
            },
            sections: {
                "Swimlane": [{ swimlane: true }],
                "Groups": [{ group: true }],
                "Flowchart shapes": [{ flowShapes: true }],
                "Org shapes, text, topic": [{ org: true }, "text", "topic"]
            }
        }
    }
});

Изучите связанный раздел API, чтобы ознакомиться с доступными свойствами Shapebar.