Shapebar API 개요

Shapebar는 Diagram 항목(도형, 그룹, 스윔레인)의 미리보기를 렌더링하는 Diagram Editor의 일부입니다. Shapebar를 표시하거나 숨기고 구성하려면 view 구성 객체의 shapebar 속성을 사용하십시오. 선택할 수 있는 두 가지 초기화 방법이 있습니다:

• shapebar:true 설정을 사용하여 기본 Shapebar를 생성하는 방법:

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"]
            }
        }
    }
});

사용 가능한 Shapebar의 속성을 살펴보려면 관련 API 섹션을 확인하십시오.