Trusted by the world’s leading companies
Warum Syncfusion Essential Studio® Blazor Charts wählen?
50+ Diagrammtypen
Von einfachen alltäglichen Chartsn wie LinienCharts, BalkenCharts, FlächenCharts bis hin zu komplexen FinanzChartsn, die hochgradig anpassbar sind.
Diagrammanimation
Fließende Animation zur Darstellung der Daten mit sanften Übergängen.
Performance
Sorgfältig entwickelt für schnelle Performance, in der Lage, 100k Datenpunkte in weniger als einer Sekunde zu rendern.
SVG-Rendering
Vektorbasierte saubere und klare Darstellung für alle Ihre responsiven und skalierenden Anforderungen.
Datenbearbeitung
Bietet Drag-and-Drop-Unterstützung für die gerenderten Punkte. Die Datenbearbeitung ermöglicht es Ihnen, die Daten in einem Diagramm zu manipulieren.
Trendlinien
Zeigt die Preisrichtung und Bewegungsgeschwindigkeit. Trendlinien können für kartesische Serientypen (Linie, Spalte, Streuung, Fläche, Kerze, HiLo, etc.) generiert werden, außer Balken.
Globalisierung und Lokalisierung
Ermöglicht es Benutzern aus verschiedenen Regionen, sie durch Formatierung von Daten, Währungen und Nummerierung entsprechend ihren Präferenzen zu verwenden.
Export
Exportieren Sie Charts in PDF-Dokumente oder in Bildformaten wie SVG, PNG und JPEG. Exportieren Sie Diagrammdaten in XLSX- und CSV-Formate.
Leistungsstarke, benutzerfreundliche und funktionsreiche Blazor Charts für Ihr Unternehmen
Blazor Charts Code Beispiel
Steigen Sie einfach mit Blazor Charts ein, indem Sie ein paar einfache C#-Codezeilen verwenden, wie unten demonstriert. Entdecken Sie auch unser Blazor Charts Beispiel, das Ihnen zeigt, wie Sie Charts rendern und konfigurieren.
Bearbeiten im Blazor Playground
@using Syncfusion.Blazor.Charts
<SfChart>
<ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Category"></ChartPrimaryXAxis>
<ChartSeriesCollection>
<ChartSeries DataSource="@Sales" XName="Month" YName="SalesValue" Type="ChartSeriesType.Column">
</ChartSeries>
</ChartSeriesCollection>
</SfChart>
@code {
public class SalesInfo
{
public string Month { get; set;}
public double SalesValue { get; set;}
}
public List<SalesInfo> Sales = new List<SalesInfo>
{
new SalesInfo { Month = "Jan", SalesValue = 35 },
new SalesInfo { Month = "Feb", SalesValue = 28 },
new SalesInfo { Month = "Mar", SalesValue = 34 },
new SalesInfo { Month = "Apr", SalesValue = 28 },
new SalesInfo { Month = "May", SalesValue = 40 },
new SalesInfo { Month = "Jun", SalesValue = 32 },
new SalesInfo { Month = "Jul", SalesValue = 35 },
new SalesInfo { Month = "Aug", SalesValue = 55 },
new SalesInfo { Month = "Sep", SalesValue = 38 },
new SalesInfo { Month = "Oct", SalesValue = 30 },
new SalesInfo { Month = "Nov", SalesValue = 25 },
new SalesInfo { Month = "Dec", SalesValue = 32 }
};
}
Mobile-First-Ansatz
Entwickeln Sie Blazor Charts mit einer einzigen Codebasis und einer durchdachten mobil-adaptiven Architektur, die sich an jede Web-, Mobil- oder Tablet-Umgebung anpasst. Rendern Sie schöne, responsive, interaktive und animierte Charts auf mobilen Geräten.
Barrierefreiheit

Tastaturnavigation
Blazor Charts stellt sicher, dass jedes Element über die Tastatur zugänglich ist. Hauptfeatures wie Auswahl, Hervorhebung, Tooltip, Legende zusammenklappen und Zoomen und Schwenken können allein mit Tastaturbefehlen ausgeführt werden; keine Mausinteraktion ist erforderlich. Dies hilft bei der Erstellung hochzugänglicher Anwendungen mit dieser Komponente.

Screenreader
Blazor Charts Ansichten haben vollständige WAI-ARIA Barrierefreiheitsunterstützung. Diese UI enthält kontrastreiche visuelle Elemente, die Menschen mit Sehbehinderungen die beste Betrachtungserfahrung bieten. Außerdem sind gültige UI-Beschreibungen leicht über unterstützende Technologien wie Screenreader zugänglich.

Rechts-nach-Links (RTL)
Die Rechts-nach-Links-Darstellung ermöglicht die Anzeige von Text und Layout der Blazor Charts von rechts nach links. Dies verbessert die Benutzererfahrung und Barrierefreiheit für RTL-Sprachen.
Andere unterstützte Frameworks
Die Charts sind für die Frameworks React, Angular, JavaScript und Vue verfügbar. Entdecken Sie die plattformspezifischen Optionen über die folgenden Links:
Unterstützte Browser
Die Blazor Charts funktionieren gut mit allen modernen Webbrowsern, einschließlich Chrome, Firefox, Edge, Safari und Opera.

Nicht sicher, wie Sie Ihre erste Blazor Charts erstellen? Unsere Dokumentation kann helfen.
Beginnen Sie mit Blazor Server-side Chart Beginnen Sie mit Blazor WebAssembly ChartAndere Datenvisualisierungskomponenten, die Ihrem Unternehmen helfen könnten.
Häufig gestellte Fragen
Warum sollten Sie Syncfusion Essential Studio® Blazor Charts wählen?
Die Syncfusion Blazor Charts unterstützen die folgenden Features:
Unterstützt 50+ Diagrammtypen und elegante Animationen.
Blitzschnelle Ladezeit und reiche UI-Interaktion in sowohl serverseitigen als auch clientseitigen (WebAssembly) Blazor-Apps.
Sie können benutzerdefinierte Elemente zum Diagramm hinzufügen, indem Sie die Annotations-Option verwenden.
- Unterstützt sowohl SVG- als auch Canvas-Rendering (für schnelles Rendering).
Ein Synchronisiertes Diagramm hat die Fähigkeit, auf zwei oder mehr Charts gleichzeitig zuzugreifen und mit ihnen zu interagieren.
Flexible Datenbindung mit Unterstützung für Datenquellen wie Web API, OData, Entity Framework und mehr.
- Eines der besten Blazor Charts auf dem Markt, das eine funktionsreiche UI für die Interaktion mit der Software bietet.
Einfache Konfiguration und APIs.
- Unterstützt alle modernen Browser.
Diagrammdatenlabels organisieren sich intelligent, ohne sich zu überlappen.
- Mobil-Touch-freundlich und responsiv.
Umfangreiche Demos, Dokumentation und Videos zum schnellen Lernen und Einstieg in Blazor Charts.
Wie hoch ist der Preis für Syncfusion Blazor Charts?
Wir verkaufen die Blazor Charts nicht separat. Sie sind nur als Teil der Syncfusion Teamlizenz erhältlich. Diese enthält über Komponenten und Frameworks, einschließlich der Blazor Charts. Der Preis der Teamlizenz beginnt bei 395 USD pro Monat für 5 Entwickler und beinhaltet Support und Updates, bis das Abonnement abläuft. Zusätzlich könnten wir Rabatte basierend auf aktuell aktiven Promotionen anbieten. Bitte kontaktieren Sie heute unsere Produktspezialisten, um zu sehen, ob Sie sich für zusätzliche Rabatte qualifizieren.
Wo finde ich die Syncfusion Blazor Charts Demo?
Sie finden unsere Blazor Charts Demo, die zeigt, wie man Charts rendert und konfiguriert.
Kann ich die Syncfusion Blazor Charts Komponente separat kaufen?
Nein, unsere + Komponenten und Frameworks für Web, Mobil und Desktop, einschließlich unserer Blazor 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 andere Anbieter allein für ihre Charts-Komponente verlangen. Wir haben auch festgestellt, dass unsere Kunden in unserer Erfahrung normalerweise mit einem unserer Produkte beginnen und dann schnell auf mehrere Produkte erweitern, daher fanden wir es am besten, alle + Komponenten und Frameworks für eine Abonnementgebühr anzubieten, die bei 395 USD pro Monat für ein Team von 5 Entwicklern beginnt. Zusätzlich könnten wir möglicherweise Rabatte basierend auf aktuell aktiven Promotionen anbieten. Bitte kontaktieren Sie heute unsere Produktspezialisten, um zu sehen, ob Sie sich für zusätzliche Rabatte qualifizieren.
Kann ich die Syncfusion Blazor Charts kostenlos herunterladen und nutzen?
Nein, dies ist ein kommerzielles Produkt und erfordert eine kostenpflichtige Lizenz. Allerdings ist auch eine kostenlose Community-Lizenz für Unternehmen und Personen verfügbar, deren Organisationen weniger als 1 Million USD Jahresbruttoumsatz und fünf oder weniger Entwickler haben.
Wie fange ich mit Syncfusion Blazor Charts an?
Ein guter Ausgangspunkt wäre unsere umfassende Erste-Schritte-Dokumentation.
Unsere Kunden lieben uns
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.
Neueste Aktivitäten in Blazor Charts Tutorials und Blogs
Die Blazor Charts Tutorial-Videos und Blog-Posts leiten Sie beim Erstellen Ihrer ersten App mit Blazor-Komponenten an. Sie bieten Problemlösungsstrategien, beschreiben Features und Funktionalitäten, kündigen neue Feature-Releases an, erklären Best Practices und zeigen Beispielszenarien. Erkunden Sie unsere neuesten Posts auf unserem Blog und Tutorial-Video-Kanälen für Blazor Charts Updates.