Angular Charts - Charts mit Echtzeitdaten für Web und Mobile
- 50+ Diagrammtypen
- Blitzschnelle Performance
- Elegante Animationen
- Einfache Konfiguration und API
- Unterstützung für alle modernen Browser
- Mobilfreundlich und responsiv
- Detaillierte Dokumentation
Trusted by the world’s leading companies
Überblick
Die Angular Charts sind eine sorgfältig entwickelte Diagrammkomponente für die Datenvisualisierung. Sie enthält eine umfangreiche UI-Galerie mit über 50 Charts und Chartsn, von LinienChartsn bis hin zu Finanzcharts, die alle Diagrammszenarios abdecken. Ihre hohe Performance hilft dabei, große Datenmengen schnell zu rendern. Sie bietet auch Features wie Zoomen, Schwenken, Tooltip, Fadenkreuz, Trackball, Hervorhebung und Auswahl.
Warum Syncfusion Essential Studio® Angular Charts wählen?
50+ Diagrammtypen
Von einfachen alltäglichen Angular Charts wie LinienCharts, BalkenCharts, FlächenCharts bis hin zu komplexen Finanzcharts, die hochgradig anpassbar sind.
Diagramm-Animationen
Charts für Angular bieten flüssige Animationen zur Darstellung von Daten mit sanften Übergängen.
Performance
Angular Charts sind sorgfältig entworfen, um rasante Performance zu liefern und können 100K Datenpunkte in weniger als einer Sekunde rendern.
SVG Rendering
Vektorbasiertes, sauberes und gestochen scharfes Rendering für all Ihre Responsivitäts- und Skalierungsanforderungen.
Datenbearbeitung
Angular Charts mit Rich UI bieten Drag & Drop-Unterstützung für die gerenderten Punkte. Die Datenbearbeitung ermöglicht es Ihnen, Daten in einem Diagramm zu manipulieren.
Trendlinien
Zeigt die Preisrichtung und Bewegungsgeschwindigkeit. Trendlinien können für kartesische Serientypen (Linie, Säule, Streuung, Fläche, Kerze, HiLo, etc.) außer Balken generiert werden.
Globalisierung und Lokalisierung
Benutzer aus verschiedenen Regionen können Angular Charts verwenden, indem sie Datumsangaben, Währungen und Nummerierung entsprechend ihren Präferenzen formatieren.
Export
Exportieren Sie Charts in PDF-Dokumente oder als Bildformate wie SVG, PNG und JPEG.
Leistungsstarke, benutzerfreundliche und funktionsreiche Angular Charts für Ihr Unternehmen
Angular Charts Code-Beispiel
Beginnen Sie einfach mit den Angular Charts mit wenigen einfachen Zeilen HTML und TS-Code, wie unten demonstriert. Erkunden Sie auch unser Angular Charts Beispiel, das Ihnen zeigt, wie Sie Charts in Angular rendern und konfigurieren.
<ejs-chart style='display:block' id='chartcontainer' [primaryXAxis]='primaryXAxis'>
<e-series-collection>
<e-series [dataSource]='data' type='Line' xName='x' yName='y'> </e-series>
</e-series-collection>
</ejs-chart>//app.component.ts
import { Component } from '@angular/core';
export class AppComponent {
public data: Object[] = [{ x: 'WW', y: 38.3, text: 'World Wide' },
{ x: 'EU', y: 45.2, text: 'Europe' },
{ x: 'APAC', y: 18.2, text: 'Asia Pacific' },
{ x: 'LATAM', y: 46.7, text: 'Latin America' },
{ x: 'MEA', y: 61.5, text: 'Middle East Africa' },
{ x: 'NA', y: 64, text: 'North America' }];
//Initializing Primary X Axis
public primaryXAxis: Object = {
valueType: 'Category',
};
}
//app.module.ts
import { ChartModule } from '@syncfusion/ej2-ng-charts';
import { LineSeriesService, CategoryService} from '@syncfusion/ej2-ng-charts';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule, ChartModule
],
providers: [ LineSeriesService, CategoryService],
bootstrap: [AppComponent]
})
export class AppModule { }
Mobile-First-Ansatz
Entwickeln Sie Angular Charts mit einer einzigen Codebasis und durchdachter, mobiladaptiver Architektur, die sich an jede Web-, Mobile- oder Tablet-Umgebung anpasst. Rendern Sie schöne, responsive, interaktive und animierte Charts auf mobilen Geräten.
Barrierefreiheit
Tastaturnavigation
Angular Charts stellen sicher, dass jedes Element über die Tastatur zugänglich ist. Wichtige Features wie Auswahl, Hervorhebung, Tooltip, Legende ausblenden sowie Zoomen und Schwenken können nur mit Tastaturbefehlen ausgeführt werden; keine Mausinteraktion ist erforderlich. Dies hilft bei der Erstellung hochgradig zugänglicher Anwendungen mit dieser Komponente.
Screenreader
Angular Charts Ansichten haben vollständige WAI-ARIA Barrierefreiheitsunterstützung. Diese UI umfasst kontrastreiche visuelle Elemente, die Menschen mit Sehbehinderungen die beste Seherfahrung bieten. Außerdem sind gültige UI-Beschreibungen einfach über Hilfstechnologien wie Screenreader zugänglich.
Rechts-nach-links (RTL)
Rechts-nach-links-Rendering ermöglicht es, Text und Layout der Angular Charts von rechts nach links anzuzeigen. Dies verbessert die Benutzererfahrung und Barrierefreiheit für RTL-Sprachen.
Angular Versionskompatibilität
Mit kontinuierlichen Verbesserungen der Angular-Versionen werden die Angular Charts auf dem neuesten Stand gehalten, um sie mit Versionen von 4 bis zur neuesten Version kompatibel zu machen.
Weitere unterstützte Frameworks
Die Charts sind für die Frameworks Blazor, React, JavaScript und Vue verfügbar. Erkunden Sie ihre plattformspezifischen Optionen über die folgenden Links:
Unterstützte Browser
Die Angular Charts funktionieren gut mit allen modernen Webbrowsern, einschließlich Chrome, Firefox, Edge, Safari und Opera.
Nicht sicher, wie Sie Ihre erste Angular Charts erstellen? Unsere Tutorial-Videos und Dokumentation können helfen.
Ich möchte es jetzt ansehen Ich möchte es jetzt lesenAndere Datenvisualisierungskomponenten, die Ihrem Unternehmen helfen könnten.
Häufig gestellte Fragen
Warum sollten Sie Syncfusion Essential Studio® Angular Charts wählen?
Die Syncfusion Angular Charts Komponente unterstützt folgende Features:
Unterstützt 50+ Diagrammtypen und elegante Animationen.
Blitzschnelle Ladezeit und reiche UI Interaktion in Angular Apps.
Unterstützt sowohl SVG als auch Canvas Rendering (für schnelles Rendering).
Sie können benutzerdefinierte Elemente zum Diagramm hinzufügen, indem Sie die Annotationen Option verwenden.
Flexibles Datenbinding mit Unterstützung für lokale und entfernte Datenquellen wie JSON, RESTful Services, OData Services und WCF Services.
- Eine der besten Angular Charts auf dem Markt, die eine funktionsreiche UI zur Interaktion mit der Software bietet.
Einfache Konfiguration und API.
- Unterstützt alle modernen Browser.
Bei der Anzeige von Daten auf mehreren Chartsn verbessern synchronisierte Charts die Visualisierung durch Koordinierung von Tooltips, Fadenkreuzen, Auswahlen und Zoom-Features über alle Charts hinweg.
- Mobile-Touch-freundlich und responsiv.
Umfangreiche Lernressourcen wie Demos, Dokumentation und Videos, um schnell zu lernen und mit Angular Charts zu beginnen.
Kann ich die Syncfusion Angular Charts Komponente separat kaufen?
Nein, unsere + Komponenten und Frameworks für Web, Mobile und Desktop, einschließlich unserer Angular Charts, werden nicht einzeln verkauft. Sie sind nur als Teil einer Teamlizenz verfügbar. Wir haben das Produkt jedoch wettbewerbsfähig bepreist, sodass es nur etwas mehr kostet als das, was einige andere Anbieter allein für ihre Charts-Komponente verlangen. Wir haben auch festgestellt, dass unsere Kunden normalerweise mit einem unserer Produkte beginnen und dann schnell auf mehrere Produkte erweitern, daher hielten wir es für das Beste, alle + Komponenten und Frameworks für eine Abonnementgebühr anzubieten, die bei 395 $ pro Monat für ein Team von 5 Entwicklern beginnt. Zusätzlich können wir möglicherweise Rabatte basierend auf aktuell aktiven Aktionen anbieten. Bitte kontaktieren Sie noch heute unsere Produktspezialisten, um zu sehen, ob Sie für weitere Rabatte qualifiziert sind.
Kann ich die Syncfusion Angular Charts kostenlos herunterladen und nutzen?
Nein, dies ist ein kommerzielles Produkt und erfordert eine kostenpflichtige Lizenz. Es ist jedoch auch eine kostenlose Community-Lizenz für Unternehmen und Einzelpersonen verfügbar, deren Organisationen weniger als 1 Million USD Jahresbruttoertrag und fünf oder weniger Entwickler haben.
Wie fange ich mit Syncfusion Angular Charts an?
Ein guter Ausgangspunkt wäre unsere umfassende Getting Started Dokumentation.
Wie viele Diagrammtypen sind in Syncfusion Angular Charts verfügbar?
Die Syncfusion Angular Charts ermöglichen es Ihnen, Daten mit 50+ Diagrammtypen zu visualisieren. Jeder Diagrammtyp ist einfach konfigurierbar mit eingebauter Unterstützung für die Erstellung beeindruckender visueller Effekte.
Was ist der Preis für Syncfusion Angular Charts?
Wir verkaufen die Angular Charts nicht separat. Sie sind nur als Teil der Syncfusion Teamlizenz erhältlich. Diese enthält über Komponenten und Frameworks, einschließlich der Angular Charts. Der Preis der Teamlizenz beginnt bei 395 $ pro Monat für 5 Entwickler und umfasst Support und Updates bis zum Ablauf des Abonnements. Zusätzlich könnten wir Rabatte basierend auf aktuell aktiven Aktionen anbieten. Bitte kontaktieren Sie noch heute unsere Produktspezialisten, um zu sehen, ob Sie für weitere Rabatte qualifiziert sind.
Wo finde ich die Syncfusion Angular Charts Demo?
Sie finden unsere Angular Charts Demo, die demonstriert, wie Sie Charts rendern und konfigurieren.
Unsere Kunden lieben uns
Echte Erfolgsgeschichten ansehen
Entwickler auf der ganzen Welt vertrauen auf Syncfusions Essential Studio, um komplexe Projekte zu vereinfachen und die Auslieferung zu beschleunigen. Mit einer umfangreichen Bibliothek an UI-Steuerelementen, leistungsstarken SDKs und zuverlässigem Support hilft Essential Studio Teams, unternehmensreife Anwendungen mit Zuversicht zu erstellen.
Fallstudien erkundenIndustrie
Softwareentwicklung
75% Kostenreduzierung
50% Schnellere Entwicklung
Industrie
Versorgungsunternehmen (Öl und Gas)
450+ Stunden eingespart
Gestraffte Prozesse und Entwicklungsaufwand in Stunden reduziert.
Fortschrittliche, flexible Funktionen
Benutzer durch robuste und vielseitige Funktionalität befähigt.
Industrie
Software und Technologie
1000+ Stunden eingespart
Beschleunigte Entwicklung mit unternehmensreifen UI-Komponenten.
Effizientes Dateimanagement
Vereinfachte Workflows mit Dokumentbibliotheken, ohne sie von Grund auf neu zu erstellen.
Industrie
Software und Technologie
2 Jahre Verzögerung vermieden
Zwei Jahre Verzögerungen durch proaktive Planung verhindert.
Termingerechte Lieferung
Projekte termingerecht mit zuverlässigen Steuerelementen geliefert.
Industrie
IT-Dienstleistungen und IT-Beratung
Verbesserte Leistung
Große Datensätze werden mit einfacher Anpassung und schnellem Debugging verarbeitet.
Hochgradig anpassbar
Plug-and-Play-Steuerelemente mit schneller Vorlagenintegration.
Industrie
Professionelle Dienstleistungen
Sofortiger Zugriff
Schnelle Verfügbarkeit von Funktionen und Ressourcen.
Reduzierte Abhängigkeiten
Weniger Abhängigkeiten für eine schnellere Entwicklung.
Von Benutzern auf der ganzen Welt bewertet
Figma Download
Auszeichnungen
Viele behaupten, dass sie herausragend sind. Doch wenn andere das erkennen und loben, bedeutet es viel mehr. Syncfusion® präsentiert mit Stolz folgende Branchenauszeichnungen.
Aktuelle Aktivitäten in Angular Charts Tutorials und Blogs
Die Angular Charts Tutorial-Videos und Blog-Posts werden Sie beim Erstellen Ihrer ersten App mit Angular-Komponenten unterstützen. Sie bieten Problemlösungsstrategien, beschreiben Features und Funktionalitäten, kündigen neue Feature-Releases an, erklären Best Practices und zeigen Beispielszenarien auf. Erkunden Sie unsere neuesten Posts in unseren Blog- und Tutorial-Video-Kanälen für Angular Charts Updates.
