DevExtreme Angular Diagram

DevExpressDiagrammwerkzeugeJavaScript

Erstellen und passen Sie interaktive Diagramme in Angular-Anwendungen an.

  • Integrieren Sie Diagrammfunktionen direkt in Angular-Projekte.
  • Binden Sie Diagramme an verschiedene Datenquellen und passen Sie Formen an.
  • Nutzen Sie umfangreiche UI-Tools und Vorlagen für eine reichhaltige Interaktion.
DevExpress logo

Preise ab:

Wird geladen...
Verfügbar in
DevExtreme CompleteWird geladen
DevExpress DXperienceWird geladen
DevExpress UniversalWird geladen
DevExpress VCL Subscription +Wird geladen
Brauchen Sie Hilfe bei der Auswahl? Sehen Sie So kaufen Sie und Spezifikationen
DevExtreme Angular Diagram Produktbild
DevExtreme Angular Diagram ist eine umfassende UI-Komponente, die entwickelt wurde, um Flussdiagramme, Organigramme und komplexe Datenbeziehungen in Angular-Anwendungen zu visualisieren. Sie bietet leistungsstarke Datenbindungsoptionen, anpassbare Vorlagen für Formen und Toolbox-Elemente sowie eine vollständige Suite interaktiver Tools, um professionelle Diagramme mühelos zu erstellen.

Diagramm-Tools

Verwenden Sie integrierte Tools, um Layout, Anordnung von Formen, Zoomstufen, Verlaufsaktionen und andere Diagrammfunktionen mit einfach zu konfigurierenden Optionen zu verwalten.

Formvorlagen

Erstellen Sie benutzerdefinierte SVG-Vorlagen für Formen, um deren Erscheinungsbild und Verhalten zu steuern und personalisierte Diagrammdarstellungen zu ermöglichen, die auf die Anforderungen Ihrer Anwendung abgestimmt sind.

Drag-and-Drop-Oberfläche

Erleichtern Sie die intuitive Benutzerinteraktion mit Drag-and-Drop-Funktionen zum Erstellen und Verbinden von Formen, unterstützt durch Hilfslinien und Einrastfunktionen für Präzision.

Datenbindung

Die Komponente unterstützt die Bindung von Diagrammen an verschiedene Datenquellen, einschließlich linearer Arrays mit definierten Schlüsseln und übergeordneten Schlüsseln, wodurch die automatische Darstellung von Knoten und Beziehungen ermöglicht wird.

Vorlagen

Passen Sie Toolbox-Formen mit Vorlagen an, um festzulegen, wie Formen in der Toolbox erscheinen, und verbessern Sie so die Benutzererfahrung durch maßgeschneiderte Formoptionen.

Anpassung der UI-Tools

Konfigurieren Sie interaktive Komponenten wie Kontextmenüs, Eigenschaftsfenster, Toolboxes und Symbolleisten, um das Bearbeitungserlebnis für Diagramme anzupassen.

Export und Import

Laden und speichern Sie Diagramme im JSON-Format und exportieren Sie Grafiken in Bildformate wie SVG, PNG und JPEG für Integrations- oder Dokumentationszwecke.

Responsives Design und Barrierefreiheit

Entwickelt zur Unterstützung von Desktop- und Mobilgeräten mit Touch-Unterstützung und Barrierefreiheitsfunktionen, die Standards für eine vielfältige Nutzerverfügbarkeit erfüllen.

Produktkompatibilität

Überprüfen Sie die untenstehenden Details, um sicherzustellen, dass dieses Produkt in Ihrer Umgebung unterstützt wird.

Komponententyp

  • JavaScript

JavaScript-Plattform

  • Angular