jQWidgets Angular Chart

jQWidgetsDiagrammsteuerungenJavaScript

Erstellen Sie interaktive Angular-Diagramme mit flexiblen Daten- und Visualisierungsoptionen.

  • Unterstützt mehrere Diagrammtypen für unterschiedliche Datenvisualisierungsszenarien.
  • Bindet an verschiedene Datenformate einschließlich JSON, XML und CSV.
  • Enthält Interaktivität, Styling und Exportfunktionen für Diagramme.
jQWidgets logo

Preise ab:

Wird geladen...
Verfügbar in
jQWidgetsWird geladen
jQWidgets Angular Chart Produktbild
jQWidgets Angular Chart ist eine Angular-Komponente zur Visualisierung von Daten mit einer breiten Auswahl an Diagrammtypen. Sie unterstützt die Bindung an verschiedene Datenformate, das Kombinieren von Reihen und das Hinzufügen interaktiver Funktionen wie Zoomen und Bereichsauswahl, wodurch sie sich für datengetriebene Weboberflächen eignet.

Große Auswahl an Diagrammtypen

Die Komponente unterstützt mehrere Diagrammtypen, darunter Linien-, Splines-, Flächen-, Balken-, Spalten-, Kreis-, Donut-, Streu-, Blasen- und Finanzdiagramme. Außerdem umfasst sie Polar-, Radar-, Wasserfall-, Trichter- und Pyramidendiagramme sowie gestapelte und prozentbasierte Varianten.

Unterstützung gemischter Reihen

Sie ermöglicht das Kombinieren verschiedener Reihenarten innerhalb eines einzelnen Diagramms. Dadurch können mehrere Datensätze gemeinsam mit unterschiedlichen Darstellungen visualisiert werden, etwa durch das Kombinieren von Linien- und Spaltenreihen in einer Ansicht.

Datenbindung

Das Diagramm bindet an eine Vielzahl von Datenquellen, darunter lokale Arrays und Formate wie JSON, XML, CSV, tabulatorgetrennte Daten und JSONP.

Interaktive Funktionen

Zu den integrierten Interaktionsmöglichkeiten gehören Zoomen und die Bereichsauswahl auf der X-Achse. Diese Funktionen ermöglichen es Benutzern, Datensätze detaillierter zu erkunden und sich direkt innerhalb der Diagrammoberfläche auf bestimmte Wertebereiche zu konzentrieren.

Annotationen und visuelle Elemente

Die Komponente bietet Unterstützung für Annotationen, Fadenkreuze, Gitternetzlinien, Farbbänder, Markierungen und Beschriftungen. Diese Funktionen helfen dabei, wichtige Werte, Trends und Referenzpunkte innerhalb der visualisierten Daten hervorzuheben.

Achsen- und Skalierungskonfiguration

Sie enthält Optionen zum Konfigurieren von Achsen, einschließlich logarithmischer Skalen, Achsenpositionierung und Werteformatierung.

Stil- und Designoptionen

Das Diagramm unterstützt Designs, Farbpaletten, Hintergrundeinstellungen, Textdrehung und Layoutanpassungen.

Unterstützung für Ereignisverarbeitung

Die Komponente stellt Ereignisse im Zusammenhang mit Diagramminteraktionen und Bereichsauswahl bereit. Diese Ereignisse können in Angular-Anwendungen verwendet werden, um auf Benutzeraktionen zu reagieren und das Verhalten des Diagramms in die Anwendungslogik zu integrieren.

Export- und Druckfunktionen

Diagramme können in Bildformate exportiert und gedruckt werden. Dadurch kann die Diagrammausgabe weitergegeben, in Dokumente aufgenommen oder bei Bedarf außerhalb der Browserumgebung verwendet werden.

Browserübergreifende und responsive Darstellung

Die Komponente ist mit modernen Browsern kompatibel und unterstützt responsive Layouts. Sie passt sich an unterschiedliche Bildschirmgrößen und Geräte an und sorgt dafür, dass Diagramme auf Desktop- und Mobilumgebungen konsistent angezeigt werden.

Produktkompatibilität

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

Komponententyp

  • JavaScript

JavaScript-Plattform

  • Angular