Was ist neu
Wenn Sie Diagram von einer älteren Version aktualisieren, finden Sie Details unter Migration zu einer neueren Version.
Version 6.1.6
Veröffentlicht am 1. Juli 2026
Fehlerbehebungen
- Diagram. Ein Fehler behoben, der beim Laden von Daten in Diagram über
ShapeCollection(DataCollection) immindmap-Modus auftrat
Version 6.1.5
Veröffentlicht am 17. Juni 2026
Aktualisierungen
- Diagram Editor. Verbesserte Texteditierung mit neuen Tastenkombinationen: Ctrl+Enter zum Starten der Bearbeitung, Shift+Enter für neue Zeilen, Enter zum Bestätigen und Escape zum Verwerfen von Änderungen
Fehlerbehebungen
- Diagram Editor. Behoben: Linien, die durch Swimlane-Gruppen verliefen, waren nicht auswählbar
- Diagram Editor. Automatisches Scrollen hinzugefügt, wenn Verbindungslinien auf Shapes außerhalb des aktuellen Bildschirmbereichs gezogen werden.
- Diagram Editor. Behoben: Ein Shape wurde beim Bearbeiten seines Textes gelöscht
- Diagram. Behoben: ein Safari-spezifischer Fehler, bei dem Linien mit der Eigenschaft
backArrow: "filled"nicht korrekt gerendert wurden
Version 6.1.3
Veröffentlicht am 21. Mai 2026
Aktualisierungen
- Diagram / Diagram Editor. Verbesserungen an der Autoplatzierungslogik. Die Möglichkeit hinzugefügt, den Abstand zwischen Shapes und Ebenen über die neuen Eigenschaften
itemPaddingundlevelPaddingin der Diagram-MethodeautoPlace()und im Konfigurationsobjektautoplacementzu steuern
Fehlerbehebungen
- Diagram. Behoben: Die Anwendung der Autoplatzierung führte zu falschen Abständen zwischen Shapes
- Diagram. Behoben: Der Aufruf von
autoPlace()ignorierte die LinienwertefromSideundtoSide, wodurch nun die Konsistenz der Diagrammstruktur gewährleistet ist - Diagram. Der
Radial-Autoplatzierungsalgorithmus wurde überarbeitet, um das Problem mit kritisch großen Abständen zwischen Shapes zu beheben und ein kompakteres Layout zu ermöglichen
Version 6.1.2
Veröffentlicht am 2. April 2026
Fehlerbehebungen
- Diagram Editor. Das Problem bei der Erstellung von Konnektoren für Shapes mit negativen Koordinaten ist behoben
- Diagram Editor. Das Problem, dass das Drücken der Taste Backspace während der Inline-Textbearbeitung das Shape oder den Linientitel löschte, ist behoben
- Export. Eine Sicherheitslücke beim PDF/PNG-Export, die über HTML-Injection den Zugriff auf beliebige lokale Dateien ermöglichte, ist durch verbesserte Bereinigung und Härtung der Umgebung behoben
Version 6.1.1
Veröffentlicht am 5. Februar 2026
Fehlerbehebungen
- Diagram Editor. Unmöglichkeit, die Zeichenfläche beim Verschieben von Elementen nach unten und rechts automatisch zu scrollen
Version 6.1
Veröffentlicht am 25. November 2025
Neue Funktionalität
- Die Möglichkeit, Diagram-PERT-Diagramme aus Gantt-Datensätzen zu erstellen:
- ein neuer PERT-Modus, festgelegt über den neuen Typ:
"pert" - neue Shape-Typen:
"task"und"milestone" - ein neuer Gruppentyp:
"project"(zum Gruppieren von Tasks und Milestones)
- ein neuer PERT-Modus, festgelegt über den neuen Typ:
- Diagram Editor. Die Möglichkeit, Tastenkombinationen (Hotkeys) innerhalb des Editors zu verwalten:
- eine neue Konfigurationseigenschaft
hotkeyserlaubt es, bestehende Hotkeys zu ändern oder zu deaktivieren sowie neue hinzuzufügen
- eine neue Konfigurationseigenschaft
- Diagram Editor. Die Möglichkeit, das Größenändern und Drehen von Shapes über eine Reihe neuer Events zu verwalten:
beforeItemResize,afterItemResize,itemResizeEnd,beforeItemRotate,afterItemRotate,itemRotateEnd
Aktualisierungen
- DataCollection-API. Aktualisierungen für den PERT-Modus:
- die Methode
parse()kann als ersten Parameter ein Objekt mit den Arraysdataundlinkserhalten - die Methode
serialize()kann ein Objekt mit den Arraysdataundlinkszurückgeben
- die Methode
- Diagram-API. Die Möglichkeit, das Format der Datumsanzeige in den Task-Shapes für den PERT-Modus festzulegen:
- ein neuer Parameter
dateFormatfür die KonfigurationseigenschafttypeConfig
- ein neuer Parameter
- Diagram/Diagram-Editor-API. Die Möglichkeit, den Verbindungstyp der Linien festzulegen:
- ein neuer Parameter
connectTypefür die KonfigurationseigenschaftlineConfigvon Diagram - ein neuer Parameter
connectTypefür die KonfigurationseigenschaftlineConfigvon Diagram Editor
- ein neuer Parameter
- Export-API. Die Exportfunktionen
pdf()undpng()geben nun ein Promise des Datenexports zurück
Fehlerbehebungen
- Diagram Editor. Der Skriptfehler, der nach dem Hovern über ein Shape im Safari-Browser auftrat
- Diagram Editor. Die Konsolenwarnungen, die nach dem Entfernen von Elementen auftraten
Neue Demo zur KI-Integration
Neue Beispiele
- Diagram. PERT-Diagramm. Initialisierung
- Diagram und Gantt. PERT-Diagramm. Initialisierung
- Diagram und Gantt. PERT-Diagramm. Vollständige Integration
- Diagram und Gantt. PERT-Diagramm. Popup-Fenster
- Diagram und Gantt. PERT-Diagramm. Benutzerdefinierte Shapes und Styling (benutzerdefiniertes CSS)
- Diagram. PERT-Diagramm. Verschiedene Datensätze
- Diagram. PERT-Diagramm. Tasks filtern/durchsuchen
- Diagram. PERT-Diagramm. Benutzerdefinierte Seitenleiste für Task-Informationen
- Diagram. PERT-Diagramm. Themes
- Diagram. Export. Wasserzeichen unten links
- Diagram. Export. Sich wiederholendes Wasserzeichen
- Diagram. Interaktives elektrisches Schaltplandiagramm
- Diagram Editor. Verwaltung von Verschieben, Drehen und Größenändern von Shapes über Events
- Diagram Editor. Verwaltung des Hinzufügens, Änderns und Deaktivierens von Hotkeys über die API
- Diagram Editor. Fishbone-Diagramm. Ursachen und Lösungen
- Diagram Editor. Fishbone-Diagramm. Mehrere Ursachen
Version 6.0.11
Veröffentlicht am 18. Juni 2025
Fehlerbehebungen
- Diagram Editor. Fehlerhaftes Verschieben von Shapes beim Zoomen
Version 6.0.10
Veröffentlicht am 10. März 2025
Fehlerbehebungen
- Diagram. Das Problem mit der Anpassung der Pfeilgröße der Linien-Shape beim Bearbeiten der Linienbreite
Version 6.0.9
Veröffentlicht am 4. Februar 2025
Fehlerbehebungen
- Diagram Editor. Ein Problem beim Verschieben einer Gruppe mit Elementen sowie beim Verschieben von Elementen in bzw. aus einer Gruppe
- Diagram. Die Events
itemMouseOverunditemMouseOutwerden für ein ausgewähltes Shape nicht ausgelöst
Version 6.0.8
Veröffentlicht am 5. Dezember 2024
- Das Problem mit dem lokalen Testpaket beim Import in Frameworks
Version 6.0.7
Veröffentlicht am 27. November 2024
- Diagram Editor. Ein Fehler trat bei der Shape-Bearbeitung mit der Editbar auf
- Diagram Editor. Ein Problem beim Verschieben eines Shapes während der Navigation bei der Inline-Bearbeitung
Version 6.0.4
Veröffentlicht am 1. Oktober 2024
Fehlerbehebungen
- Diagram Editor. Der Aufruf der Methode
destructor()löst einen Fehler aus
Version 6.0.3
Veröffentlicht am 28. August 2024
Fehlerbehebungen
- Diagram Editor. Anwendung unterschiedlicher Locales für
calendar,combobox,colorpicker,form,timepickerder Editbar - Diagram Editor. Hinzufügen von Diagram Editor in eine Layout-Zelle
- Diagram Editor. Die Eigenschaft
shapeToolbarist für dendefault-Modus nicht optional - Diagram Editor. Fehlerhaftes Hover-Verhalten, wenn ein benutzerdefiniertes Shape ein Vorschaubild besitzt
Version 6.0.2
Veröffentlicht am 16. Juli 2024
Fehlerbehebungen
- Diagram. Autoplatzierung. Ein Shape verbirgt sich unter einem anderen Shape
Version 6.0.1
Veröffentlicht am 24. Juni 2024
Fehlerbehebungen
- Diagram Editor. Speicherleck
- Diagram Editor. Skriptfehler beim Klicken auf vertikale und horizontale Verteilung über die Toolbar
- Diagram. Typenproblem beim Aufruf der Methode
getSubHeaderCellId()
Version 6.0
Veröffentlicht am 16. Mai 2024
Breaking Changes
Das neue Update führt bedeutende Änderungen an der Struktur und Funktionalität von Diagram und Diagram Editor ein. Weitere Informationen zur aktuellen Version finden Sie im Migrationsartikel.
Neue Funktionalität
- Umstrukturierung von Diagram Editor: Möglichkeit, mit dessen Teilen zu interagieren und deren Sichtbarkeit über die Eigenschaft
viewzu verwalten, die folgende Konfigurationen umfasst:- Toolbar – ein oberer Teil von Diagram Editor, der Benutzern hilft, den Bearbeitungsprozess zu steuern (siehe API-Übersicht)
- Shapebar – (ehemals linkes Panel) ein Teil von Diagram Editor, der Vorschauen der Diagram-Elemente rendert (siehe API-Übersicht)
- Editbar – (ehemals rechtes Panel) ein Teil von Diagram Editor, mit dem Benutzer Diagram-Elemente bearbeiten können (siehe API-Übersicht). Sie können folgende Aktionen durchführen:
- Sätze vordefinierter Basissteuerelemente und komplexer Steuerelemente
- anpassbare Konfiguration von Basissteuerelementen und komplexen Steuerelementen je nach den bereitgestellten Bedingungen
- dynamische Verwaltung des Editbar-Panels je nach den bereitgestellten Bedingungen (Beispiel)
- Erstellung benutzerdefinierter Steuerelemente (Beispiel)
- Erstellung von HTML-Inhalten (Beispiel)
- Diagram Editor. Die Copy-Manager-API wurde hinzugefügt
- Diagram Editor. Die Möglichkeit, Shapebar, Editbar und Toolbar ein-/auszublenden
- Diagram Editor. Die Methode destructor() wurde hinzugefügt
- Diagram Editor. Die Möglichkeit, die Verbindungspunkte auszublenden
- Diagram Editor. Die Möglichkeit, die Größenänderungspunkte auszublenden
- Diagram Editor. Die Möglichkeit, das Raster auszublenden
- Das Upgrade der Selection-API mit der Möglichkeit der Mehrfachauswahl
- Die Titel von Linien werden als separate Objekte deklariert, definiert als
lineTitlesmit eigenen Konfigurationseigenschaften - Unterstützung neuer Themes: Dark, Light High Contrast und Dark High Contrast (Beispiel)
- Diagram Editor. Die Möglichkeit, das Farbschema der Shapebar-Elemente anzupassen, indem CSS-Variablen neu definiert und eigene benutzerdefinierte Variablen verwendet werden
Aktualisierungen
- Diagram Editor. Locales wurden aktualisiert
- Diagram Editor. Die Liste der Hotkeys wurde erweitert
- Diagram Editor. Das Verhalten von Shapebar-Elementen beim Ziehen auf das Raster sowie ihr Erscheinungsbild wurden verbessert
- Diagram Editor. Die Callback-Funktion der Events
zoomIn/zoomOutwird nun mit dem Parameterstepaufgerufen - Diagram Editor. Die Funktionalität der Konfigurationsoption
magneticwurde erweitert - Diagram Editor. Die Verschiebe-Events des Editor-Objekts wurden aktualisiert:
afterGroupMove,afterItemCatch,afterItemMove,afterLineTitleMove,afterShapeMove,beforeGroupMove,beforeItemCatch,beforeItemMove,beforeLineTitleMove,beforeShapeMove,groupMoveEnd,itemMoveEnd,itemTarget,lineTitleMoveEnd,shapeMoveEnd - Die Möglichkeit, mit Linientiteln über die DataCollection-API zu arbeiten
Veraltete API
-
Eigenschaften
- Die Eigenschaft
controlsvon Diagram Editor ist veraltet und wird nicht mehr unterstützt - Die Eigenschaft
editModevon Diagram Editor ist veraltet und wird nicht mehr unterstützt - Die Eigenschaft
gapPreviewvon Diagram Editor ist veraltet und wird nicht mehr unterstützt - Die Eigenschaft
reservedWidthvon Diagram Editor ist veraltet und wird nicht mehr unterstützt - Die Eigenschaft
scalePreviewvon Diagram Editor ist veraltet und wird nicht mehr unterstützt - Die Eigenschaft
shapeBarWidthvon Diagram Editor ist veraltet und wird nicht mehr unterstützt - Die Eigenschaft
shapeSectionsvon Diagram Editor ist veraltet und wird nicht mehr unterstützt - Die Eigenschaft
titleder Line-Daten ist veraltet und wird nicht mehr unterstützt
- Die Eigenschaft
-
Methoden
- Die Methode
getId()des Selection-Objekts von Diagram ist veraltet und wird nicht mehr unterstützt - Die Methode
getSubId()des Selection-Objekts von Diagram ist veraltet und wird nicht mehr unterstützt - Die Methode
setViewMode()von Diagram Editor ist veraltet und wird nicht mehr unterstützt
- Die Methode
-
Events
- Die folgenden Events von Diagram Editor sind veraltet und werden nicht mehr unterstützt, da es keine entsprechenden Schaltflächen mehr in der Toolbar gibt:
resetButton,applyButton,visibility,exportData,importData,autoLayout - Das Event
changeGridStepvon Diagram Editor ist veraltet und wird nicht mehr unterstützt
- Die folgenden Events von Diagram Editor sind veraltet und werden nicht mehr unterstützt, da es keine entsprechenden Schaltflächen mehr in der Toolbar gibt:
Fehlerbehebungen
- Diagram Editor. Behebt einen Konsolenfehler, der durch das erneute Klicken auf die Schaltfläche „Daten importieren" nach einem Datenimport ohne Dateiauswahl verursacht wurde
- Diagram Editor. Behebt die Blockierung beim Hinzufügen eines neuen Shapes
- Diagram Editor. Behebt das Kopieren von Linien bei manueller Auswahl von Elementen
- Diagram Editor. Behebt das Ziehen, wenn sich das Wurzel-Shape nahe am untergeordneten Shape in den Modi
mindmap/orgbefindet - Diagram Editor. Behebt das fehlerhafte Auswahlverhalten, das einen zusätzlichen Klick zur Auswahl eines Shapes mit der Taste Shift erforderte
- Diagram Editor. Behebt das gemeinsame Verschieben einer Gruppe und einer Swimlane
- Diagram Editor. Behebt das Entfernen nicht verwendeter Linien/Konnektoren
- Diagram Editor. Behebt die Möglichkeit, Elemente unterschiedlicher übergeordneter Elemente zum Zielelement zu verschieben (für die Modi
org/mindmap) - Diagram Editor. Behebt die Möglichkeit, Standardwerte für Shapebar-Elemente festzulegen
- Diagram Editor. Behebt die Darstellung von Konnektoren beim Hovern verschobener Elemente über ein beliebiges Shape
- Diagram Editor. Behebt die Unmöglichkeit, ausgewählte Elemente über das Menü in den Modi
mindmap/orgzu entfernen - Diagram Editor. Behebt das Problem, dass der Datenimport nur einmal funktionierte
- Diagram Editor. Verbessert die Leistung während der Konnektor-Bewegung
- Diagram Editor. Begrenzt die Aufzeichnung von Aktionen während der Konnektor-Bewegung im
historyManager - Diagram Editor. Optimiert die Logik der Suche nach dem nächstgelegenen Konnektor
- Behebt die Lokalisierung bei komplexen Widgets
Version 5.0.3
Veröffentlicht am 12. Juli 2023
Fehlerbehebungen
- Behebt das Problem, dass der Aufruf der Methode autoPlace() nach dem Daten-Parsing einen Fehler verursachte
Version 5.0.2
Veröffentlicht am 30. Mai 2023
Fehlerbehebungen
- Diagram Editor. Behebt das Problem, dass benutzerdefinierte Punkte sich bei einer Mehrfachauswahl-Verschiebung nicht mitbewegten
- Diagram Editor. Behebt die Unmöglichkeit, ein Shape mit sich selbst zu verknüpfen
- Behebt das Problem beim Exportieren eines Standarddiagramms ohne exportStyles
- Behebt das Problem mit der promiz.js-Bibliothek, das beim Import der Quellen einen Fehler bei der Definition der Methode setImmediate() verursachte
- Behebt die Pfadbildung der URL im Export-Objekt
- Typen für den Export wurden hinzugefügt
Version 5.0.1
Veröffentlicht am 19. Januar 2023
Fehlerbehebungen
- Diagram Editor. Behebt das Problem, dass Linien nicht immer an ihrer Position gezeichnet wurden, wenn Daten exportiert und anschließend erneut geladen wurden
- Nun ist es möglich, die Koordinaten für Linien im
default-Modus festzulegen (neue Eigenschaftpointsdes Linienobjekts)
- Nun ist es möglich, die Koordinaten für Linien im
- Diagram Editor. Behebt das Problem beim Ziehen von Shapes im Raster nach Änderung der Zoomstufe
- Behebt den Fehler, der nach dem Klicken auf die Schaltfläche „Auto-Layout" bei fehlenden Shapes ausgelöst wurde
- Behebt das Problem mit der Anzeige der Standardeinstellungen nach der Erstellung von Linien über den Editor
- Behebt das Problem mit der Skalierung von Diagram/Diagram Editor, das beim automatischen Platzieren von Shapes im
"radial"-Modus auftrat
Version 5.0
Veröffentlicht am 7. September 2022
Übersicht über das Release im BlogBreaking Changes
Die neue Version führt einige Änderungen an der Eigenschaft lineGap ein. Weitere Informationen zur aktuellen Version finden Sie im Migrationsartikel.
Neue Funktionalität
Diagram
- Radialer Algorithmus für die automatische Platzierung von Shapes:
- der Parameter
placemodewurde zur Eigenschaftautoplacementhinzugefügt - der Parameter
placemodewurde zur MethodeautoPlace()hinzugefügt
- der Parameter
- Die Möglichkeit, Tooltips für Toolbar-Symbole festzulegen:
- der Parameter
tooltipdes Symbolobjekts wurde zur Eigenschafttoolbarhinzugefügt
- der Parameter
Diagram Editor
- Radialer Algorithmus für die automatische Platzierung von Shapes:
- der Parameter
placemodewurde zur Eigenschaftautoplacementhinzugefügt - die Schaltfläche Auto-Layout der Toolbar bietet nun zwei Optionen für die automatische Platzierung von Shapes: Orthogonal und Radial
- der Parameter
- Fanglinien für die präzisere Anordnung von Shapes im Rasterbereich
- Die Möglichkeit, Fanglinien über die neue Eigenschaft
magneticzu konfigurieren - Die Möglichkeit, Stile eines oder mehrerer Elemente über Alt (Option) + Ctrl (Cmd) + С => Alt (Option) + Ctrl (Cmd) + V zu kopieren und einzufügen (siehe das Beispiel)
- Die Möglichkeit, mehrere Elemente auszurichten und zu verteilen
- Nun werden Tooltips angezeigt, wenn Sie mit dem Mauszeiger über Steuerelemente in der persönlichen Toolbar von Elementen fahren
- Erweiterte Liste der Locale-Optionen für die Lokalisierung von Tooltips in der Toolbar pro Element
- Die Möglichkeit, Tooltips für benutzerdefinierte Toolbar-Symbole festzulegen:
- der Parameter
tooltipdes Symbolobjekts wurde zur EigenschaftshapeToolbarhinzugefügt
- der Parameter
- Verbessertes Design des Rasterbereichs. Nun hängt der Abstand zwischen den Punkten im Rasterbereich vom Wert der Rasterschrittweite ab
Fehlerbehebungen
- Behebt das Problem, dass ein Ladesymbol nach dem Laden einer Datei nicht aus dem rechten Panel des Editors verschwand
Version 4.2
Veröffentlicht am 3. März 2022
Übersicht über das Release im BlogNeue Funktionalität
- Touch-Unterstützung
- Die Möglichkeit, die Standardeinstellung für Linien über die Eigenschaft
lineConfigvon Diagram festzulegen - Die Möglichkeit, die Standardeinstellungen für neue, im Editor erstellte Linien über die Eigenschaft
lineConfigvon Diagram Editor festzulegen - Die Möglichkeit, Standardsätze von Org-Shapes, Gruppen und Swimlanes in der erforderlichen Reihenfolge hinzuzufügen, wenn Abschnitte im linken Panel des Editors konfiguriert werden
Aktualisierungen
- Die Eigenschaft
defaultLinkTypevon Diagram ist veraltet. Weitere Informationen finden Sie im Artikel Migration - Die Eigenschaft
shapeSectionsvon Diagram Editor wurde aktualisiert. Weitere Informationen finden Sie im Artikel Migration - Nun ist es möglich, Standardkonfigurationen nicht nur für Shapes bestimmter Typen, sondern auch für Linien festzulegen:
- Die Dokumentation für Modi zum Verbinden von Shapes wurde aktualisiert
Version 4.1
Veröffentlicht am 7. Dezember 2021
Übersicht über das Release im BlogNeue Funktionalität
- Die Möglichkeit, Partner-Shapes im Org-Chart-Modus hinzuzufügen
- Die Möglichkeit, Assistent-Shapes im Org-Chart-Modus hinzuzufügen
- Die Möglichkeit, Titel zu Linien hinzuzufügen im
default-Modus - Die Möglichkeit, Shapes per Drag-and-Drop von einem übergeordneten Element zu einem anderen im Editor im Org-Chart- und Mindmap-Modus zu verschieben. Die Shapes werden zusammen mit ihren untergeordneten Elementen verschoben
- Die Möglichkeit, Zielelemente zu stylen im Editor im Org-Chart- und Mindmap-Modus
API
- Neue Events des Diagram-Objekts:
emptyAreaDblClick,emptyAreaMouseDown,lineTitleClick,lineTitleDblClick,lineTitleMouseDown - Neue Shape-Eigenschaften speziell für den Org-Chart-Modus:
assistant,partner,catchItem,giveItem - Neue Shape-Eigenschaften speziell für den Mindmap-Modus:
catchItem,giveItem - Neue Linien-Eigenschaften speziell für den
default-Modus:title - Neue Methoden des Editor-Objekts:
setViewMode(),zoomIn(),zoomOut() - Neue Events des Editor-Objekts:
beforeLineTitleMove,afterLineTitleMove,lineTitleMoveEnd,itemTarget,beforeItemCatch,afterItemCatch - Neue Eigenschaften des Editor-Objekts:
itemsDraggable - Neue HistoryManager-Methoden:
add(),disable(),enable(),isRedo(),redo(),reset(),undo() - Neue HistoryManager-Eigenschaften:
disabled,saveDelay - Neue Selection-Methode:
getSubId()
Aktualisierungen
- Aktualisierte Events von InlineEditor: Der Parameter subHeaderId wurde in subId geändert
- Aktualisierte Events der Selection-API: Der Parameter subId wurde hinzugefügt
- Der Standardtyp des Shapes im
default-Modus wurde in "rectangle" geändert
Fehlerbehebungen
- Die Leistung wurde für alle Diagrammtypen verbessert
- Behebung der fehlerhaften Funktion der Schaltflächen Rückgängig/Wiederholen in der Toolbar des Editors
Version 4.0.1
Veröffentlicht am 16. September 2021
Fehlerbehebungen
- Behebt die Anzeige von Konnektoren beim Drehen des Shapes
- Behebt die minifizierten Stile des Diagramms
- Behebt die Funktion des Algorithmus beim Hinzufügen neuer Elemente in den Diagram Editor im Org-Chart-/Mindmap-Modus
- Behebt die Funktion des rechten Panels des Editors bei der Arbeit mit Textstilen
Version 4.0
Veröffentlicht am 7. September 2021
Übersicht über das Release im BlogNeue Funktionalität
- Neue Diagrammelemente wurden hinzugefügt: Gruppen, Swimlanes
- Neue Abschnitte im linken Panel von Diagram Editor wurden hinzugefügt: Gruppen, Swimlanes
- Neue Seitenleistenoptionen wurden dem rechten Panel des Editors für Gruppen und Swimlanes hinzugefügt
- Die Möglichkeit, Gruppen und Swimlanes über die Benutzeroberfläche zu bearbeiten
- Erweiterte Liste der Locale-Optionen
- Die Möglichkeit, die Zellen einer Swimlane über die CellManager-API zu verwalten
- Die Möglichkeit, den Text eines Elements durch Doppelklick darauf zu bearbeiten
- Die Demo DHTMLX Diagram mit Angular wurde hinzugefügt
- Die Demo DHTMLX Diagram mit React wurde hinzugefügt
- Die Demo DHTMLX Diagram mit Vue.js wurde hinzugefügt
- Die Möglichkeit, identische Elemente mit unterschiedlichen Stilen und Einstellungen dem linken Panel des Editors hinzuzufügen
API
- Neue Methoden der CellManager-API: add(), getCellId(), getCellIndex(), getSubHeaderCellId(), getSubHeaderCellIndex(), getSubHeaderType(), move(), remove(), resetSwimlane(), setSwimlane(), validation()
- Neue Events der CellManager-API: afterCellsAdd, afterCellsMove, afterCellsRemove, afterCellsValidation, beforeCellsAdd, beforeCellsMove, beforeCellsRemove, beforeCellsValidation
- Neue Events des Diagram-Objekts: afterSubmenuOpen, beforeSubmenuOpen, groupClick, groupDblClick, groupHeaderClick, groupHeaderDblClick, groupMouseDown, itemClick, itemDblClick, itemMouseDown, itemMouseOut, itemMouseOver, lineDblClick, lineMouseDown
- Neue Events des Editor-Objekts: shapeMoveEnd, beforeItemMove, afterItemMove, itemMoveEnd, beforeGroupMove, afterGroupMove, groupMoveEnd
- Neue Methoden von DataCollection: eachChild(), eachParent(), getRoot(), getRoots()
- Neue Events von InlineEditor: afterEditorClose, afterEditorEditing, afterEditorOpen, beforeEditorClose, beforeEditorEditing, beforeEditorOpen
- Neue Konfigurationsattribute "editable" und "fixed" des Shape-Objekts
Aktualisierungen
- Verbesserte Tastaturnavigation
- Neu gestaltete Shapes
- Aktualisierte Events des Editor-Objekts: beforeShapeMove und afterShapeMove
- Aktualisierte Struktur der Shape-Collection-API
Fehlerbehebungen
- Behebt die fehlerhafte Funktion der TypeScript-Typdefinitionen im Editor
- Behebt das Problem, dass die gedrückte Toolbar-Schaltfläche im Editor, der sich innerhalb eines HTML-Formulars befindet, das Absenden des Formulars auslöste
- Nun ist es möglich, ein Element nur dann in der Größe zu ändern, wenn der Drehwinkel entweder 0 oder 360 Grad beträgt
- Deutliche Optimierung der Diagram-Stile
Version 3.1
Veröffentlicht am 15. April 2021
Neue Funktionalität
- TypeScript-Unterstützung
- Ein neuer Mindmap-Modus (type:"mindmap") von DHTMLX Diagram wurde hinzugefügt
- Die Möglichkeit, die Richtung der untergeordneten Shapes relativ zum Wurzel-Shape im Mindmap-Modus von Diagram zu konfigurieren über die Konfigurationseigenschaft typeConfig des Diagram-Objekts
- Die Möglichkeit, benutzerdefinierte Event-Handler für benutzerdefinierte Shapes hinzuzufügen über das Attribut "eventHandlers" der Methode addShape()
- Die Möglichkeit, die persönlichen Toolbars zur Bearbeitung von Elementen im Rasterbereich über die Eigenschaft shapeToolbar des Editor-Objekts anzupassen
- Neue Events des Editor-Objekts: BeforeShapeIconClick und AfterShapeIconClick, BeforeShapeMove und AfterShapeMove
- Die Möglichkeit, das Senden von CSS-Stilen an den Export-Dienst über die Konfigurationsoption exportStyles des Diagram-Objekts zu deaktivieren
Aktualisierungen
- Die Konfigurationseigenschaft type des Diagram-Objekts wurde aktualisiert: neue Werte "default" und "mindmap" wurden hinzugefügt
- Die Methoden collapseItem() und expandItem() wurden aktualisiert: der zweite Parameter "dir" wurde hinzugefügt
- Die Events beforeCollapse, afterCollapse, beforeExpand und afterExpand wurden aktualisiert: der zweite Parameter "dir" wurde hinzugefügt
Fehlerbehebungen
- Behebt das Problem mit dem Auswahlmodul für alle Typen von DHTMLX Diagram
- Behebt das Problem mit dem Scrollen des Diagramms, das im
default-Modus initialisiert wurde, bei Anwendung der Methode "showItem()" auf das skalierte Diagramm - Behebt die fehlerhafte Funktion des DOM-Parsers mit HTML-Vorlagen
- Behebt das Problem, dass das Wurzel-Shape nach dem Einklappen eines beliebigen untergeordneten Shapes eingeklappt wurde
- Behebt das Problem mit der Formatierung des Shape-Textes
- Behebt das Problem, das nach dem Hinzufügen langen Textes in das Textarea-Feld des rechten Panels des Editors auftrat
- Behebt das Problem beim Hinzufügen von Sonderzeichen zum Text benutzerdefinierter Shapes
- Behebt das Problem mit in der Konsole angezeigten Warnungen für benutzerdefinierte Shapes
- Behebt den Skriptfehler, der beim Löschen des Wurzel-Shapes im Editor ausgelöst wurde
- Behebt das Problem mit dem in der Konsole angezeigten Fehler nach Anwendung der Schaltfläche „Auto-Layout" im Editor, wenn der Editor nicht konfiguriert ist
- Behebt das Problem, dass der Typ der Shape-Kontur im
default-Modus des Editors nach dessen Änderung nicht angewendet wurde - Behebt das Problem bei der Nachverfolgung der Shape-Parameter im rechten Panel des Editors, der im
default-Modus initialisiert wurde - Behebt das Problem beim Entfernen des Fokus vom Shape im
default-Modus des Editors - Behebt das Problem beim Festlegen von Konnektoren zwischen den Shapes in der erforderlichen Reihenfolge, wenn der Editor im
default-Modus initialisiert wird - Behebt die fehlerhafte Funktion der Tastenkombination Ctrl+A im Org-Chart-Modus des Editors
- Behebt das Problem, dass Shapes ohne Konnektoren eingefügt wurden, wenn verbundene Shapes kopiert wurden
- Nun ist es nicht mehr möglich, das Wurzel-Shape über die Tastaturnavigation aus dem Editor zu entfernen, wenn der Editor im Org-Chart-Modus initialisiert ist
Version 3.0.4
Veröffentlicht am 27. Januar 2021
Fehlerbehebungen
- Behebt das fehlerhafte Verhalten des im Editor ausgewählten Shapes, der im
default-Modus initialisiert wurde, bei der Arbeit mit dem Eingabefeld auf der Seite - Behebt das Problem, dass ein eingeklapptes/ausgeklapptes Element nicht mit seinem übergeordneten Element funktionierte
- Behebt die fehlerhafte Funktion der Methode showItem(), wenn das untergeordnete Element ausgeblendet ist
Version 3.0.3
Veröffentlicht am 23. Dezember 2020
Fehlerbehebungen
- Behebt das Problem mit dem Diagram-Exportdienst
Version 3.0.2
Veröffentlicht am 14. Juli 2020
Fehlerbehebungen
- Behebt das Problem beim Importieren von Daten aus JSON in den Editor, der im Org-Chart-Modus initialisiert wurde
- Behebt die fehlerhafte Funktion der Methode addShape() bei der Konfiguration des rechten Panels des Editors
- Verbessertes Verhalten des historyManager-Steuerelements der Toolbar im Editor
Version 3.0.1
Veröffentlicht am 29. Mai 2020
Fehlerbehebungen
- Behebt das Problem mit der Methode autoPlace()
- Behebt das Problem mit den PNG/PDF-Exportmodulen
Version 3.0
Veröffentlicht am 12. Mai 2020
Breaking Changes
Das neue Update führt einige Änderungen und Verbesserungen ein. Weitere Informationen zur aktuellen Version finden Sie im Artikel Migration.
Neue Funktionalität
- Neue Methode autoPlace() und neue Eigenschaft autoplacement wurden hinzugefügt, um verbundene Shapes in der hierarchischen Struktur automatisch anzuordnen
- Möglichkeit, die Standardkonfiguration eines Shapes festzulegen über die Eigenschaft
defaultsbei der Initialisierung von Diagram oder Diagram Editor - Die Methode addShape() zur Erstellung benutzerdefinierter Shapes in Diagram und Diagram Editor wurde hinzugefügt
- Neue Eigenschaften des Editor-Objekts:
controls, defaults,shapeSections,shapeBarWidth,scalePreview, scale,gapPreview - Die Seitenleistenoption Grid Step wurde dem rechten Panel des Editors hinzugefügt
- Möglichkeit, beliebige Toolbar-Schaltflächen des Editors sowie die Seitenleistenoption Grid Step über die Eigenschaft
controlsdes Editor-Objekts ein-/auszublenden - Möglichkeit, Seitenleistenoptionen zur Bearbeitung von Attributen benutzerdefinierter Shapes im rechten Panel des Editors zu konfigurieren über das Attribut
propertiesder Methode addShape() - Möglichkeit, Abschnitte im linken Panel des Editors anzupassen
- Möglichkeit, das Erscheinungsbild der im linken Panel des Editors gerenderten Shapes anzupassen über die Eigenschaft preview des Shape-Objekts
- Möglichkeit, mehrere Shapes im Editor auszuwählen, zu kopieren, einzufügen, zu löschen und zu verschieben
- Möglichkeit, mehrere Konnektorlinien auszuwählen und zu löschen im Editor, der im
default-Modus initialisiert wurde - Möglichkeit, Daten aus einer JSON-Datei über die Schaltfläche „Daten importieren" der Toolbar in den Editor zu importieren
- Die Methode destructor() wurde hinzugefügt
Aktualisierungen
- Möglichkeit, benutzerdefinierte HTML-Vorlagen im IE zu verwenden
- Die Benutzeroberfläche von Diagram Editor wurde aktualisiert und verbessert
- Möglichkeit, Shapes von Mitte zu Mitte zu verbinden
- Ein Satz von Hotkeys für den Editor wurde aktualisiert
- Die Möglichkeit, eine Konnektorlinie mit dem Text-Shape im Editor zu verbinden, der im
default-Modus initialisiert wurde - Automatische Anpassung der Inhaltsbreite des Text-Shapes wurde hinzugefügt
Version 2.2.1
Veröffentlicht am 30. Dezember 2019
Fehlerbehebungen
- Problem mit der IE-Unterstützung für den Bildlader im Diagram Editor
Version 2.2
Veröffentlicht am 27. November 2019
Neue Funktionalität
- Möglichkeit, benutzerdefinierte Shapes mithilfe von SVG- und HTML-Vorlagen zu erstellen
- Möglichkeit, Diagramme mit unterschiedlichen Shape-Typen zu erstellen
- Die Möglichkeit, Daten aus dem Diagram Editor über die Schaltfläche „Daten exportieren" der Toolbar in das JSON-Format zu exportieren
- Die Option showExport und das Event
exportDatawurden in Diagram Editor hinzugefügt
Fehlerbehebungen
- Behebt das Problem beim Exportieren eines Diagramms in die Formate PDF und PNG
- Behebt die fehlerhafte Funktion der Mausereignisse
- Behebt das Problem beim Löschen untergeordneter Shapes aus dem Diagramm, das im Org-Chart-Modus initialisiert wurde
- Behebt die fehlerhafte Funktion des rechten und linken Panels in Diagram Editor
- Behebt das Problem bei der automatischen Generierung eindeutiger IDs von Shapes und Konnektoren
Version 2.1.1
Veröffentlicht am 11. Oktober 2019
Fehlerbehebungen
- Probleme mit einer img-card im IE
Version 2.1
Veröffentlicht am 22. Mai 2017
Neue Funktionalität
- Praktischer Diagram-Editor zum Erstellen übersichtlicher Diagramme
- Erweiterter Satz an Konfigurationsoptionen für Shapes und Linien
- Größere Möglichkeiten zur Anpassung von Diagrammen
Aktualisierungen
- Hotkeys wurden zur Bearbeitung von Diagram im Editor hinzugefügt
- Neues Event emptyAreaClick wurde hinzugefügt
- Die Konfigurationsoption
lineGapwurde hinzugefügt
Version 2.0
Veröffentlicht am 15. Februar 2017
Breaking Changes
Die API-Struktur wurde vollständig reorganisiert und verbessert, um die Arbeit damit zu vereinfachen. Folgen Sie dem Artikel Migration, um alle Änderungen kennenzulernen.
Neue Funktionalität
- Möglichkeit, unterschiedliche Diagramme zu erstellen und zu stylen
- Vielfalt an Shapes und Linien
- Export in das PDF-Format
- Export in das PNG-Format
Aktualisierungen
- Möglichkeit, benötigte Shapes zu finden
- Möglichkeit, Shapes nach festgelegten Kriterien zu filtern
- Möglichkeit, eine Toolbar mit Symbolen für Shapes hinzuzufügen, um die Interaktion mit ihnen zu vereinfachen
- Verbesserte Leistung
- Möglichkeit, sich an einen beliebigen HTML-Container anzupassen, sowie integrierte automatische Größenanpassung
Version 1.1
Veröffentlicht am 5. Dezember 2017
Neue Funktionalität
- Verwendung des Editors im Org-Chart-Modus
- Möglichkeit, den Zustand zu speichern und wiederherzustellen
- Erweiterte Anpassungsmöglichkeiten
Aktualisierungen
- Erweiterte API: neue Methoden, Eigenschaften und Events
Version 1.0
Veröffentlicht am 29. September 2017
Ursprüngliche Funktionalität
- Organogramm-Modus
- Vertikale und horizontale Autoplatzierungsstrategien
- Laden von Daten aus JSON
- API zur Verwaltung von Daten und Zweigstatus