본문으로 건너뛰기

새로운 기능

Diagram을 이전 버전에서 업데이트하는 경우, 자세한 내용은 최신 버전으로 마이그레이션 문서를 확인하십시오.

버전 6.1.6​

2026년 7월 1일에 출시되었습니다.

수정 사항​

  • Diagram. mindmap 모드에서 ShapeCollection(DataCollection)을 통해 Diagram에 데이터를 로드할 때 발생하던 오류를 수정했습니다.

버전 6.1.5​

2026년 6월 17일에 출시되었습니다.

업데이트​

  • Diagram Editor. 새로운 키보드 단축키로 텍스트 편집 경험을 개선했습니다: 편집을 시작하려면 Ctrl+Enter, 줄바꿈에는 Shift+Enter, 확인에는 Enter, 변경 사항을 취소하려면 Escape를 사용합니다.

수정 사항​

  • Diagram Editor. swimlane 그룹을 통과하는 선을 선택할 수 없던 문제를 수정했습니다.
  • Diagram Editor. 연결선을 현재 화면 밖의 도형으로 드래그할 때 자동 스크롤 기능을 추가했습니다.
  • Diagram Editor. 텍스트 편집 중 도형이 삭제되던 버그를 수정했습니다.
  • Diagram. backArrow: "filled" 속성을 사용하는 선이 Safari에서 올바르게 렌더링되지 않던 버그를 수정했습니다.

버전 6.1.3​

2026년 5월 21일에 출시되었습니다.

업데이트​

  • Diagram / Diagram Editor. 자동 배치 로직을 개선했습니다. autoPlace() Diagram 메서드와 autoplacement 설정 객체에 새로운 itemPadding 및 levelPadding 속성을 추가하여 도형과 레벨 사이의 간격을 제어할 수 있도록 했습니다.

수정 사항​

  • Diagram. 자동 배치를 적용할 때 도형 간 거리가 잘못 계산되던 문제를 수정했습니다.
  • Diagram. autoPlace() 호출 시 fromSide 및 toSide 선 값이 무시되던 문제를 수정하여 다이어그램 구조가 일관되게 유지되도록 했습니다.
  • Diagram. Radial 자동 배치 알고리즘을 리팩터링하여 도형 간 거리가 지나치게 커지는 문제를 수정하고, 더 조밀한 레이아웃을 제공하도록 했습니다.

버전 6.1.2​

2026년 4월 2일에 출시되었습니다.

수정 사항​

  • Diagram Editor. 좌표가 음수인 도형에 대한 커넥터 생성 문제를 수정했습니다.
  • Diagram Editor. 인라인 텍스트 편집 중 Backspace 키를 누르면 도형 또는 선 제목이 삭제되던 문제를 수정했습니다.
  • Export. HTML 삽입을 통해 임의의 로컬 파일에 접근할 수 있었던 PDF/PNG 내보내기의 보안 취약점을, 정제 처리 개선과 환경 강화를 통해 수정했습니다.

버전 6.1.1​

2026년 2월 5일에 출시되었습니다.

수정 사항​

  • Diagram Editor. 항목을 아래쪽 및 오른쪽으로 이동할 때 캔버스가 자동으로 스크롤되지 않는 문제.

버전 6.1​

2025년 11월 25일에 출시되었습니다.

새로운 기능​

업데이트​

  • DataCollection API. PERT 모드 관련 업데이트:
    • parse() 메서드는 첫 번째 매개변수로 data 및 links 배열을 포함하는 객체를 받을 수 있습니다.
    • serialize() 메서드는 data 및 links 배열을 포함하는 객체를 반환할 수 있습니다.
  • Diagram API. PERT 모드의 작업(task) 도형에서 날짜 렌더링 형식을 설정하는 기능:
    • typeConfig 설정 속성에 새로운 dateFormat 매개변수가 추가되었습니다.
  • Diagram/Diagram Editor API. 선의 연결 타입을 정의하는 기능:
    • Diagram의 lineConfig 설정 속성에 새로운 connectType 매개변수가 추가되었습니다.
    • Diagram Editor의 lineConfig 설정 속성에 새로운 connectType 매개변수가 추가되었습니다.
  • Export API. pdf() 및 png() 내보내기 함수가 데이터 내보내기의 프로미스(promise)를 반환합니다.

수정 사항​

  • Diagram Editor. Safari 브라우저에서 도형에 마우스를 올렸을 때 발생하던 스크립트 오류.
  • Diagram Editor. 항목 제거 후 발생하던 콘솔 경고.

AI 통합에 관한 새로운 데모​

새로운 샘플​

버전 6.0.11​

2025년 6월 18일에 출시되었습니다.

수정 사항​

  • Diagram Editor. 확대/축소 시 도형이 잘못 이동하는 문제.

버전 6.0.10​

2025년 3월 10일에 출시되었습니다.

수정 사항​

  • Diagram. 선 너비를 편집하는 동안 선 도형의 화살표 크기가 조정되던 문제.

버전 6.0.9​

2025년 2월 4일에 출시되었습니다.

수정 사항​

  • Diagram Editor. 항목이 있는 그룹을 이동하거나 항목을 그룹으로/그룹에서 이동하는 문제.
  • Diagram. 선택된 도형에 대해 itemMouseOver 및 itemMouseOut 이벤트가 발생하지 않는 문제.

버전 6.0.8​

2024년 12월 5일에 출시되었습니다.

  • 프레임워크로 가져오기(import) 시 로컬 평가판 패키지와 관련된 문제.

버전 6.0.7​

2024년 11월 27일에 출시되었습니다.

  • Diagram Editor. Editbar를 사용한 도형 편집 중 발생하던 오류.
  • Diagram Editor. 인라인 편집 탐색 중 도형 이동과 관련된 문제.

버전 6.0.4​

2024년 10월 1일에 출시되었습니다.

수정 사항​

  • Diagram Editor. destructor() 메서드를 호출하면 오류가 발생하는 문제.

버전 6.0.3​

2024년 8월 28일에 출시되었습니다.

수정 사항​

  • Diagram Editor. Editbar의 calendar, combobox, colorpicker, form, timepicker에 서로 다른 로케일을 적용하는 문제.
  • Diagram Editor. Layout 셀에 Diagram Editor를 추가하는 문제.
  • Diagram Editor. default 모드에서 shapeToolbar 속성이 선택 사항이 아닌 문제.
  • Diagram Editor. 사용자 지정 도형에 미리 보기 이미지가 있을 때 호버 동작이 올바르지 않은 문제.

버전 6.0.2​

2024년 7월 16일에 출시되었습니다.

수정 사항​

  • Diagram. 자동 배치. 도형이 다른 도형 아래에 가려지는 문제.

버전 6.0.1​

2024년 6월 24일에 출시되었습니다.

수정 사항​

  • Diagram Editor. 메모리 누수.
  • Diagram Editor. Toolbar에서 수직 및 수평 분산 배치를 클릭할 때 발생하는 스크립트 오류.
  • Diagram. getSubHeaderCellId() 메서드 호출 시 발생하는 타입 문제.

버전 6.0​

2024년 5월 16일에 출시되었습니다.

주요 변경 사항​

이번 업데이트는 Diagram과 Diagram Editor의 구조와 기능에 중요한 변경 사항을 도입합니다. 최신 버전에 맞춰 대응하려면 마이그레이션 문서를 확인하십시오.

새로운 기능​

업데이트​

지원 중단된 API​

  • 속성​

    • Diagram Editor의 controls 속성은 지원 중단되었으며 더 이상 지원되지 않습니다.
    • Diagram Editor의 editMode 속성은 지원 중단되었으며 더 이상 지원되지 않습니다.
    • Diagram Editor의 gapPreview 속성은 지원 중단되었으며 더 이상 지원되지 않습니다.
    • Diagram Editor의 reservedWidth 속성은 지원 중단되었으며 더 이상 지원되지 않습니다.
    • Diagram Editor의 scalePreview 속성은 지원 중단되었으며 더 이상 지원되지 않습니다.
    • Diagram Editor의 shapeBarWidth 속성은 지원 중단되었으며 더 이상 지원되지 않습니다.
    • Diagram Editor의 shapeSections 속성은 지원 중단되었으며 더 이상 지원되지 않습니다.
    • Line 데이터의 title 속성은 지원 중단되었으며 더 이상 지원되지 않습니다.

  • 메서드​

    • Diagram의 Selection 객체의 getId() 메서드는 지원 중단되었으며 더 이상 지원되지 않습니다.
    • Diagram의 Selection 객체의 getSubId() 메서드는 지원 중단되었으며 더 이상 지원되지 않습니다.
    • Diagram Editor의 setViewMode() 메서드는 지원 중단되었으며 더 이상 지원되지 않습니다.

  • 이벤트​

    • Toolbar에 해당 버튼이 없으므로 Diagram Editor의 다음 이벤트는 지원 중단되었으며 더 이상 지원되지 않습니다: resetButton, applyButton, visibility, exportData, importData, autoLayout
    • Diagram Editor의 changeGridStep 이벤트는 지원 중단되었으며 더 이상 지원되지 않습니다.

수정 사항​

  • Diagram Editor. 데이터 가져오기 후 파일을 선택하지 않고 "Import data" 버튼을 두 번째로 클릭할 때 발생하는 콘솔 오류를 수정했습니다.
  • Diagram Editor. 새 도형 추가가 차단되는 문제를 수정했습니다.
  • Diagram Editor. 요소를 수동으로 선택하는 동안 선을 복사하는 문제를 수정했습니다.
  • Diagram Editor. mindmap/org 모드에서 루트 도형이 하위 도형에 가까울 때 드래그가 되지 않는 문제를 수정했습니다.
  • Diagram Editor. Shift 키로 도형을 선택할 때 추가 클릭이 필요했던 잘못된 선택 동작을 수정했습니다.
  • Diagram Editor. 그룹과 swimlane을 함께 이동하는 문제를 수정했습니다.
  • Diagram Editor. 사용하지 않는 선/커넥터 제거 문제를 수정했습니다.
  • Diagram Editor. 서로 다른 부모의 항목을 대상 항목으로 이동하는 기능을 수정했습니다(org/mindmap 모드용).
  • Diagram Editor. Shapebar 요소의 기본값을 설정하는 기능을 수정했습니다.
  • Diagram Editor. 이동한 항목을 도형 위로 호버할 때 커넥터가 나타나는 문제를 수정했습니다.
  • Diagram Editor. mindmap/org 모드에서 메뉴를 통해 선택된 항목을 제거할 수 없는 문제를 수정했습니다.
  • Diagram Editor. 데이터 가져오기가 한 번만 작동하는 문제를 수정했습니다.
  • Diagram Editor. 커넥터 이동 중 성능을 개선했습니다.
  • Diagram Editor. historyManager에서 커넥터 이동 중 작업 기록 저장을 제한했습니다.
  • Diagram Editor. 가장 가까운 커넥터를 검색하는 로직을 최적화했습니다.
  • 복잡한 위젯에서의 로컬라이제이션을 수정했습니다.

버전 5.0.3​

2023년 7월 12일에 출시되었습니다.

수정 사항​

  • 데이터 파싱 후 autoPlace() 메서드를 호출할 때 오류가 발생하던 문제를 수정했습니다.

버전 5.0.2​

2023년 5월 30일에 출시되었습니다.

수정 사항​

  • Diagram Editor. 다중 선택 이동 중 사용자 지정 지점이 이동하지 않는 문제를 수정했습니다.
  • Diagram Editor. 도형을 자기 자신에게 연결할 수 없는 문제를 수정했습니다.
  • exportStyles 없이 기본 다이어그램을 내보낼 때 발생하는 문제를 수정했습니다.
  • 소스를 가져오는 동안 setImmediate() 메서드 정의와 관련하여 promiz.js 라이브러리에서 오류가 발생하던 문제를 수정했습니다.
  • Export 객체의 URL 경로 형성 문제를 수정했습니다.
  • Export를 위한 타입이 추가되었습니다.

버전 5.0.1​

2023년 1월 19일에 출시되었습니다.

수정 사항​

  • Diagram Editor. 데이터를 내보낸 후 다시 불러올 때 선이 항상 제자리에 그려지지 않던 문제를 수정했습니다.
    • 이제 default 모드에서 선의 좌표를 정의할 수 있습니다(선 객체의 새로운 points 속성).
  • Diagram Editor. 확대/축소 레벨을 변경한 후 그리드에서 도형을 드래그하는 문제를 수정했습니다.
  • 도형이 없는 상태에서 "Auto layout" 버튼을 클릭한 후 발생하는 오류를 수정했습니다.
  • 편집기를 통해 선을 생성한 후 기본 설정 표시 문제를 수정했습니다.
  • "radial" 모드에서 도형을 자동 배치할 때 나타나던 Diagram/Diagram Editor의 스케일 문제를 수정했습니다.

버전 5.0​

2022년 9월 7일에 출시되었습니다.

블로그에서 릴리스 리뷰 보기

주요 변경 사항​

새 릴리스는 lineGap 속성에 일부 변경 사항을 도입합니다. 최신 버전에 맞춰 대응하려면 마이그레이션 문서를 확인하십시오.

새로운 기능​

Diagram​

  • 도형 자동 배치의 Radial 알고리즘:
    • autoplacement 속성에 placemode 매개변수가 추가되었습니다.
    • autoPlace() 메서드에 placemode 매개변수가 추가되었습니다.
  • 툴바 아이콘에 대한 툴팁을 설정하는 기능:
    • toolbar 속성에 아이콘 객체의 tooltip 매개변수가 추가되었습니다.

Diagram Editor​

  • 도형 자동 배치의 Radial 알고리즘:
    • autoplacement 속성에 placemode 매개변수가 추가되었습니다.
    • Toolbar의 Auto Layout 버튼은 이제 도형 자동 배치를 위한 Orthogonal과 Radial 두 가지 옵션을 제공합니다.
  • 그리드 영역에서 도형을 더 정밀하게 배치하기 위한 스냅 라인.
  • 새로운 magnetic 속성을 통해 스냅 라인을 설정하는 기능.
  • Alt (Option) + Ctrl (Cmd) + С => Alt (Option) + Ctrl (Cmd) + V를 통해 항목의 스타일을 복사하고 붙여넣는 기능(예제 참조).
  • 그리드 영역에서 여러 항목을 정렬하고 분산 배치하는 기능.
  • 이제 항목의 개인 툴바에서 컨트롤 위에 마우스를 올리면 툴팁이 나타납니다.
  • 항목별 툴바에서 툴팁을 로컬라이제이션하기 위한 로케일 옵션 목록이 확장되었습니다.
  • 사용자 지정 툴바 아이콘에 대한 툴팁을 설정하는 기능:
    • shapeToolbar 속성에 아이콘 객체의 tooltip 매개변수가 추가되었습니다.
  • 그리드 영역의 디자인이 개선되었습니다. 이제 그리드 영역의 점 사이 간격이 그리드 간격 값에 따라 달라집니다.

수정 사항​

  • 파일을 로드한 후 Editor의 오른쪽 패널에서 로딩 아이콘이 사라지지 않던 문제를 수정했습니다.

버전 4.2​

2022년 3월 3일에 출시되었습니다.

블로그에서 릴리스 리뷰 보기

새로운 기능​

업데이트​

  • Diagram의 defaultLinkType 속성은 지원 중단되었습니다. 마이그레이션 문서를 확인하십시오.
  • Diagram Editor의 shapeSections 속성이 업데이트되었습니다. 마이그레이션 문서를 확인하십시오.
  • 이제 특정 타입의 도형뿐만 아니라 선에 대해서도 기본 설정을 정의할 수 있습니다:
    • Diagram의 defaults 속성이 업데이트되었습니다.
    • Diagram Editor의 defaults 속성이 업데이트되었습니다.
  • 도형 연결 모드에 대한 문서가 업데이트되었습니다.

버전 4.1​

2021년 12월 7일에 출시되었습니다.

블로그에서 릴리스 리뷰 보기

새로운 기능​

API​

업데이트​

  • InlineEditor의 이벤트가 업데이트되었습니다: subHeaderId 매개변수가 subId로 변경되었습니다.
  • Selection API의 이벤트가 업데이트되었습니다: subId 매개변수가 추가되었습니다.
  • default 모드의 도형 기본 타입이 "rectangle"로 변경되었습니다.

수정 사항​

  • 모든 유형의 다이어그램에 대한 성능이 개선되었습니다.
  • Editor의 Toolbar에서 undo/redo 버튼의 잘못된 동작을 수정했습니다.

버전 4.0.1​

2021년 9월 16일에 출시되었습니다.

수정 사항​

  • 도형을 회전할 때 커넥터 표시 문제를 수정했습니다.
  • 다이어그램의 축소된(minified) 스타일을 수정했습니다.
  • org chart/mindmap 모드에서 다이어그램 편집기에 새 항목을 추가할 때 알고리즘 동작 문제를 수정했습니다.
  • 텍스트 스타일 작업 시 편집기 오른쪽 패널의 동작 문제를 수정했습니다.

버전 4.0​

2021년 9월 7일에 출시되었습니다.

블로그에서 릴리스 리뷰 보기

새로운 기능​

API​

업데이트​

  • 키보드 탐색이 개선되었습니다.
  • 도형 디자인이 재설계되었습니다.
  • Editor 객체의 이벤트가 업데이트되었습니다: beforeShapeMove 및 afterShapeMove
  • Shape Collection API의 구조가 업그레이드되었습니다.

수정 사항​

  • 편집기에서 TypeScript 타입 정의의 잘못된 동작을 수정했습니다.
  • HTML 폼 내부에 배치된 편집기에서 툴바 버튼을 누르면 폼 전송이 트리거되던 문제를 수정했습니다.
  • 이제 회전 각도가 0도 또는 360도인 경우에만 요소의 크기를 조정할 수 있습니다.
  • Diagram 스타일의 성능을 대폭 최적화했습니다.

버전 3.1​

2021년 4월 15일에 출시되었습니다.

새로운 기능​

업데이트​

  • diagram 객체의 type 설정 속성이 업데이트되었습니다: 새로운 "default" 및 "mindmap" 값이 추가되었습니다.
  • collapseItem() 및 expandItem() 메서드가 업데이트되었습니다: 두 번째 "dir" 매개변수가 추가되었습니다.
  • beforeCollapse, afterCollapse, beforeExpand, afterExpand 이벤트가 업데이트되었습니다: 두 번째 "dir" 매개변수가 추가되었습니다.

수정 사항​

  • 모든 유형의 DHTMLX Diagram에 대한 선택 모듈 문제를 수정했습니다.
  • 확대된 다이어그램에 "showItem()" 메서드를 적용할 때, default 모드로 초기화된 다이어그램의 스크롤 문제를 수정했습니다.
  • HTML 템플릿에 대한 DOM Parser의 잘못된 동작을 수정했습니다.
  • 하위 도형을 축소한 후 루트 도형이 축소되던 문제를 수정했습니다.
  • 도형 텍스트 서식 지정 문제를 수정했습니다.
  • 편집기 오른쪽 패널의 텍스트 영역 필드에 긴 텍스트를 추가한 후 나타나던 문제를 수정했습니다.
  • 사용자 지정 도형의 텍스트에 특수 문자를 추가하는 문제를 수정했습니다.
  • 사용자 지정 도형에 대해 콘솔에 표시되는 경고 문제를 수정했습니다.
  • 편집기에서 루트 도형을 삭제할 때 발생하는 스크립트 오류를 수정했습니다.
  • 편집기가 설정되지 않은 상태에서 "Auto Layout" 버튼을 적용할 때 콘솔에 표시되는 오류 문제를 수정했습니다.
  • default 모드로 초기화된 편집기에서 오른쪽 패널의 도형 매개변수 추적 문제를 수정했습니다.
  • 편집기의 default 모드에서 도형의 포커스 제거 문제를 수정했습니다.
  • 편집기가 default 모드로 초기화되었을 때 필요한 순서로 도형 사이에 커넥터를 설정하는 문제를 수정했습니다.
  • 편집기의 org chart 모드에서 Ctrl+A 조합의 잘못된 동작을 수정했습니다.
  • 연결된 도형을 복사할 때 도형이 커넥터 없이 붙여넣기되던 문제를 수정했습니다.
  • 이제 편집기가 org chart 모드로 초기화되었을 때 키보드 탐색을 사용하여 편집기에서 루트 도형을 제거할 수 없습니다.

버전 3.0.4​

2021년 1월 27일에 출시되었습니다.

수정 사항​

  • 페이지의 입력 필드로 작업할 때, default 모드로 초기화된 Editor에서 선택된 도형의 잘못된 동작을 수정했습니다.
  • 축소/확장된 항목이 부모 항목과 함께 작동하지 않던 문제를 수정했습니다.
  • 하위 항목이 숨겨져 있을 때 showItem() 메서드의 잘못된 동작을 수정했습니다.

버전 3.0.3​

2020년 12월 23일에 출시되었습니다.

수정 사항​

  • Diagram 내보내기 서비스 관련 문제를 수정했습니다.

버전 3.0.2​

2020년 7월 14일에 출시되었습니다.

수정 사항​

  • org chart 모드로 초기화된 Editor로 JSON에서 데이터를 가져오는 문제를 수정했습니다.
  • 편집기 오른쪽 패널을 설정하는 동안 addShape() 메서드의 잘못된 동작을 수정했습니다.
  • Editor의 툴바에서 historyManager 컨트롤의 동작이 개선되었습니다.

버전 3.0.1​

2020년 5월 29일에 출시되었습니다.

수정 사항​

  • autoPlace() 메서드 관련 문제를 수정했습니다.
  • PNG/PDF 내보내기 모듈 관련 문제를 수정했습니다.

버전 3.0​

2020년 5월 12일에 출시되었습니다.

주요 변경 사항​

새 업데이트는 몇 가지 변경 사항과 개선 사항을 도입합니다. 최신 버전에 맞춰 대응하려면 마이그레이션 문서를 확인하십시오.

새로운 기능​

업데이트​

  • IE에서 사용자 지정 HTML 템플릿을 사용하는 기능
  • Diagram Editor UI가 업데이트되고 개선되었습니다.
  • 중심에서 중심으로 도형을 연결하는 기능
  • Editor의 단축키 세트가 업데이트되었습니다.
  • default 모드로 초기화된 편집기에서 text 도형에 커넥터 선을 설정하는 기능
  • text 도형의 콘텐츠 너비 자동 맞춤이 추가되었습니다.

버전 2.2.1​

2019년 12월 30일에 출시되었습니다.

수정 사항​

  • Diagram 편집기에서 이미지 로더에 대한 IE 지원 문제.

버전 2.2​

2019년 11월 27일에 출시되었습니다.

새로운 기능​

  • SVG와 HTML 템플릿을 사용하여 사용자 지정 도형을 생성하는 기능
  • 다양한 유형의 도형으로 다이어그램을 구성하는 기능
  • 툴바의 Export data 버튼을 통해 Diagram Editor에서 JSON 형식으로 데이터를 내보내는 기능
  • showExport 옵션과 exportData 이벤트가 Diagram Editor에 추가되었습니다.

수정 사항​

  • 다이어그램을 PDF 및 PNG 형식으로 내보낼 때 발생하는 문제를 수정했습니다.
  • 마우스 이벤트의 잘못된 동작을 수정했습니다.
  • org chart 모드로 초기화된 다이어그램에서 하위 도형을 삭제하는 문제를 수정했습니다.
  • Diagram Editor의 오른쪽 및 왼쪽 패널의 잘못된 동작을 수정했습니다.
  • 도형과 커넥터의 고유 ID 자동 생성 문제를 수정했습니다.

버전 2.1.1​

2019년 10월 11일에 출시되었습니다.

수정 사항​

  • IE에서 img-card 관련 문제.

버전 2.1​

2017년 5월 22일에 출시되었습니다.

새로운 기능​

  • 명확한 다이어그램을 구축하기 위한 편리한 Diagram 편집기
  • 도형 및 선에 대한 풍부한 설정 옵션 세트
  • Diagram을 사용자 지정하는 더 다양한 가능성

업데이트​

  • 편집기에서 Diagram을 편집하기 위한 단축키가 추가되었습니다.
  • 새로운 이벤트 emptyAreaClick이 추가되었습니다.
  • lineGap 설정 옵션이 추가되었습니다.

버전 2.0​

2017년 2월 15일에 출시되었습니다.

주요 변경 사항​

API 구조가 작업을 단순화하기 위해 완전히 재구성되고 개선되었습니다. 모든 변경 사항을 확인하려면 마이그레이션 문서를 따르십시오.

새로운 기능​

업데이트​

버전 1.1​

2017년 12월 5일에 출시되었습니다.

새로운 기능​

업데이트​

버전 1.0​

2017년 9월 29일에 출시되었습니다.

초기 기능​

  • Organogram 모드
  • 수직 및 수평 자동 배치 전략
  • JSON에서 데이터 로드
  • 데이터 및 분기 상태를 관리하는 API
Need more help?Contact Support