IRONSOFTWAREHOME
ENTWICKLER-UPDATES

Livecharts C# (Funktionsweise für Entwickler)

Jacob Mellor, Chief Technology Officer @ Team Iron
Jacob Mellor
Updated: 21. April 2026

LiveCharts ist eine Bibliothek für .NET-Entwickler. LiveCharts hilft, dynamische und schöne Diagramme in C#-Anwendungen zu erstellen. Das bedeutet, dass sich Ihre Diagramme automatisch aktualisieren, wenn sich Ihre Daten ändern. LiveCharts ist nicht nur für herkömmliche Anwendungen; es unterstützt die Windows Presentation Foundation (WPF) und ist damit ein vielseitiges Werkzeug für Desktop-Anwendungen.

Hauptmerkmale und Vorteile

Suchen Sie nach einer Lösung für Ihre Datenvisualisierungsanforderungen? LiveCharts bietet eine umfassende Lösung mit einer Vielzahl von Funktionen. Hier sind wichtige Punkte:

  • Automatische Animationen: Diagramme werden automatisch animiert und laufen reibungslos, ohne dass zusätzlicher Code erforderlich ist. Dadurch werden Ihre Datenvisualisierungen ansprechender.
  • WPF-Unterstützung: Sie können LiveCharts in WPF-Anwendungen verwenden und so umfangreiche Benutzeroberflächen realisieren.
  • Hohe Leistungsfähigkeit: Entwickelt zur Verbesserung von Leistung, Geschwindigkeit und Effizienz, insbesondere bei großen Datensätzen.
  • Flexibilität: Es ist einfach, flexibel, interaktiv und von Anfang an leicht zu bedienen, ermöglicht aber auch komplexe Anpassungen, die auf die Bedürfnisse Ihres Projekts zugeschnitten sind.
  • Interaktive Diagramme: Die Benutzer können mit den Diagrammen interagieren, was die Datenexploration verbessert.
  • Große Auswahl an Diagrammtypen: Egal welche Anforderungen Sie an die Datenvisualisierung stellen, LiveCharts bietet den passenden Diagrammtyp.

LiveCharts verwandelt komplexe Daten in interaktive, ansprechende visuelle Darstellungen. Die Benutzerfreundlichkeit und Flexibilität machen es zu einem leistungsstarken Werkzeug für Entwickler. Mit den Möglichkeiten von leistungsstarken LiveCharts können Entwickler komplexe Daten in interaktive, ansprechende visuelle Darstellungen umwandeln. Wir werden die Funktionen von LiveCharts und dessen Integration mit der IronPDF-Bibliothek erkunden.

Einstieg mit LiveCharts

Die Einrichtung Ihrer Entwicklungsumgebung zur Nutzung von LiveCharts ist unkompliziert, und der Zugriff auf den Quellcode verbessert die Anpassung und das Verständnis. Dieser Abschnitt führt Sie durch die ersten Schritte und hilft Ihnen, Ihr erstes Diagramm zu erstellen.

Einrichten Ihrer Umgebung

Um LiveCharts zu nutzen, stellen Sie sicher, dass Visual Studio installiert ist. Fügen Sie dann das LiveCharts-Paket hinzu, ein speziell für dynamische Datenvisualisierungen entwickeltes Paket, das in Ihrem Projekt verwendet werden kann. Sie können dies über den NuGet Package Manager tun. Suchen Sie nach LiveCharts und installieren Sie die neueste Version. Dieser Prozess fügt alle notwendigen Referenzen zu Ihrem Projekt hinzu.

Ihr erstes Diagramm mit LiveCharts

Die Erstellung Ihres ersten Diagramms erfordert ein paar einfache Schritte. Fügen Sie ein Diagrammsteuerelement zur UI Ihrer Anwendung hinzu. Wenn Sie WPF verwenden, können Sie dies in XAML oder programmatisch in C# tun.

Hier ist ein einfaches Beispiel in XAML:

<lvc:CartesianChart Series="{Binding MySeries}"/>
XML

In Ihrem C#-Code bereiten Sie die Daten für Ihr Diagramm vor. Für ein einfaches Liniendiagramm benötigen Sie eine SeriesCollection. Sie können diese Sammlung mit LineSeries füllen und die Values auf Ihre Datenpunkte setzen.

public SeriesCollection MySeries { get; set; }

public MainWindow()
{
    InitializeComponent();
    // Initialize the series collection and bind data
    MySeries = new SeriesCollection
    {
        new LineSeries
        {
            Values = new ChartValues<double> { 4, 6, 5, 2, 7 }
        }
    };
    // Bind the data context to this instance
    DataContext = this;
}

Dieser Codeausschnitt erstellt ein einfaches Liniendiagramm. Es zeigt eine Reihe von Werten auf einem kartesischen Diagramm an. Vergessen Sie nicht, den DataContext Ihres Fensters oder Steuerelements zu setzen, damit das Diagramm an Ihre Daten gebunden wird.

Durch das Befolgen dieser Schritte haben Sie ein einfaches Diagramm betriebsbereit. Das ist erst der Anfang. LiveCharts ermöglicht viel komplexere und interaktive Datenvisualisierungen.

Einführung in die Funktionen von LiveCharts

LiveCharts beschränkt sich nicht nur auf die Darstellung statischer Daten. Seine wahre Stärke liegt in der Fähigkeit, in Echtzeit zu aktualisieren, auf Datenänderungen zu reagieren und eine breite Palette von Diagrammtypen anzubieten. Dieser Abschnitt beleuchtet diese Fähigkeiten und liefert Beispiele, um Ihnen dabei zu helfen, die Konzepte zu verstehen.

Datenbindung und Aktualisierungen verstehen

Datenbindung ist ein Kernkonzept in LiveCharts. Es ermöglicht, dass sich Ihre Diagramme automatisch an Änderungen in Ihren Daten anpassen. Diese Funktion ist besonders nützlich für Anwendungen, die mit dynamischen Datenquellen arbeiten.

Betrachten Sie eine Anwendung, die Aktienkurse verfolgt. Wenn neue Daten eingehen, möchten Sie, dass sich Ihr Diagramm aktualisiert. Mit LiveCharts aktualisieren Sie einfach die Datenquelle, und das Diagramm erkennt diese Änderungen und aktualisiert sich entsprechend.

So binden Sie ein Diagramm an eine Datenquelle:

var myValues = new ChartValues<double> { 3, 4, 6, 3, 2 };
var lineSeries = new LineSeries
{
    Values = myValues
};

// Add the line series to the series collection
mySeries.Add(lineSeries);

// When data changes
myValues.Add(5); // The chart updates automatically

Livecharts C# (Funktionsweise für Entwickler): Abbildung 1

Eintauchen in Diagrammtypen

LiveCharts unterstützt verschiedene Diagrammtypen, die sich für unterschiedliche Arten von Datenvisualisierungsanforderungen eignen. Hier sind einige Beispiele:

  • Linienserie: Ideal zur Darstellung von Trends im Zeitverlauf.
  • Tortendiagramm: Am besten geeignet, um Anteile in einem Datensatz darzustellen.
  • Balkendiagramm: Nützlich zum Vergleich von Mengen zwischen verschiedenen Kategorien.

Um ein Kuchendiagramm zu erstellen, verwenden Sie die PieSeries-Klasse. Hier ist ein kurzes Beispiel:

public SeriesCollection MyPieSeries { get; set; }

public MainWindow()
{
    InitializeComponent();
    // Initialize the pie series collection and bind data
    MyPieSeries = new SeriesCollection
    {
        new PieSeries
        {
            Values = new ChartValues<double> { 4, 6, 5 },
            Title = "Series 1"
        },
        new PieSeries
        {
            Values = new ChartValues<double> { 7, 8, 6 },
            Title = "Series 2"
        }
    };
    // Bind the data context to this instance
    DataContext = this;
}

Dieser Codeausschnitt erstellt ein einfaches Kuchendiagramm mit zwei Datenserien. Wie im Beispiel des Liniendiagramms bindet es die PieSeries an die Values-Eigenschaft.

Livecharts C# (Funktionsweise für Entwickler): Abbildung 2

LiveCharts bietet auch Flexibilität und Kontrolle über das Erscheinungsbild und Verhalten Ihrer Diagramme. Sie können fast jeden Aspekt anpassen, von Farben und Labels bis hin zu Animationen und Interaktivität. Dies ermöglicht es, Ihre Diagramme perfekt an das Aussehen und Gefühl Ihrer Anwendung anzupassen.

Einführung in IronPDF

Die Integration von LiveCharts mit IronPDF überbrückt die Lücke zwischen dynamischer Datenvisualisierung und statischer Berichtserstellung. IronPDF ist eine leistungsfähige Bibliothek für C#, die es Entwicklern ermöglicht, PDF-Dokumente programmatisch zu erstellen, zu manipulieren und zu konvertieren.

In Kombination mit LiveCharts können PDF-Berichte erstellt werden, die Ihre interaktiven Diagramme enthalten. Dieser Abschnitt stellt IronPDF vor und führt Sie durch die Einrichtung in Ihrem Projekt.

Warum IronPDF?

IronPDF's HTML-zu-PDF-Konvertierungsfähigkeiten sind überlegen, besonders in der Fähigkeit, HTML in PDF zu rendern. Diese Funktion ist besonders nützlich, wenn man mit LiveCharts arbeitet, da Sie Ihre Diagramme auf HTML-Canvas rendern und diese dann in PDF-Dokumente konvertieren können. IronPDF unterstützt vollständiges CSS3, JavaScript und HTML5 und stellt sicher, dass Ihre Diagramme im PDF-Output wie beabsichtigt aussehen.

LiveCharts mit IronPDF

Hier ist ein detailliertes Codebeispiel, das den Prozess der Erstellung eines Diagramms mit LiveCharts, dessen Export und dann die Verwendung von IronPDF zur Erstellung eines PDF-Berichts, der dieses Diagramm enthält, veranschaulicht. Dieses Beispiel setzt voraus, dass Sie ein grundlegendes Verständnis im Umgang mit LiveCharts und IronPDF haben.

Stellen Sie zuerst sicher, dass Sie die Pakete LiveCharts und IronPDF via NuGet in Ihrem Projekt installiert haben.

Schritt 1: Erzeugen Sie das Diagramm mit LiveCharts

Beginnen wir mit der Erstellung eines einfachen Liniendiagramms mit LiveCharts. Aus Gründen der Einfachheit wird sich dieses Beispiel darauf konzentrieren, das Diagramm zu generieren und als Bild zu speichern, das später in unser PDF eingefügt wird.

private void GenerateChartButton_Click(object sender, RoutedEventArgs e)
{
    CreateAndSaveChartImage();
}

public void CreateAndSaveChartImage()
{
    // Create the series collection for the chart
    var seriesCollection = new SeriesCollection
    {
        new LineSeries
        {
            Values = new ChartValues<double> { 4, 6, 5, 2, 7 },
            Title = "Sample Series"
            // You can set other properties like color, point geometry, etc.
        }
    };

    // Initialize the CartesianChart
    var chart = new CartesianChart
    {
        Series = seriesCollection,
        Width = 400,
        Height = 300,
        Background = Brushes.White
    };

    // Add chart to the UI
    ChartContainer.Child = chart;
    
    // Force the chart to update
    chart.Update(true, true);
    
    // Save the rendered chart as an image
    SaveChartToImage(chart);
}

private void SaveChartToImage(CartesianChart chart)
{
    // Measure and arrange the chart to ensure correct layout
    chart.Measure(new Size(chart.Width, chart.Height));
    chart.Arrange(new Rect(0, 0, chart.Width, chart.Height));

    // Create a render target bitmap and render the chart on it
    var renderTargetBitmap = new RenderTargetBitmap(
        (int)chart.ActualWidth, (int)chart.ActualHeight, 
        96, 96, PixelFormats.Pbgra32);

    renderTargetBitmap.Render(chart);

    // Encode the rendered image to a PNG format
    var encoder = new PngBitmapEncoder();
    encoder.Frames.Add(BitmapFrame.Create(renderTargetBitmap));

    // Define the path where the chart will be saved
    string path = "chart.png";

    // Save the encoded PNG to the file system
    using (var stream = File.Create(path))
    {
        encoder.Save(stream);
    }

    // Inform the user of the successful save
    MessageBox.Show($"Chart saved as {path}");
}

Livecharts C# (Funktionsweise für Entwickler): Abbildung 3

Schritt 2: Erstellen einer HTML-Vorlage und Einfügen des Diagramms

Nun bereiten wir unseren HTML-Inhalt vor, indem wir das gerade als Bild gespeicherte Diagramm einbetten.

string htmlContent = @"
<html>
<body>
    <h1>Chart Report</h1>
    <img src='chart.png' alt='Chart'>
    <p>This is a report generated by combining LiveCharts and IronPDF.</p>
</body>
</html>";
Text

Schritt 3: Konvertieren von HTML in PDF mit IronPDF

Schließlich verwenden wir IronPDF, um unseren HTML-Inhalt, einschließlich des eingebetteten Diagrammbildes, in ein PDF-Dokument zu konvertieren.

using IronPdf;

public void CreatePdfReport(string htmlContent)
{
    // Initialize the HTML to PDF converter
    var renderer = new ChromePdfRenderer();
    
    // Render the HTML content as a PDF
    var pdf = renderer.RenderHtmlAsPdf(htmlContent);
    
    // Save the rendered PDF to the file system
    pdf.SaveAs("Report.pdf");
}

Stellen Sie sicher, dass Sie im htmlContent-String "chart.png" durch den korrekten Pfad zu Ihrem Diagrammbild ersetzen, falls es sich nicht im gleichen Verzeichnis wie das ausführbare Programm Ihrer Anwendung befindet.

Dieses Beispiel deckt ein grundlegendes Szenario ab, um den Prozess zu veranschaulichen. Je nach Ihren spezifischen Anforderungen müssen Sie den Code anpassen, insbesondere wie Sie die Bilder für Ihre Diagramme handhaben und beziehen.

Livecharts C# (Funktionsweise für Entwickler): Abbildung 4

Fortgeschrittene Techniken und Tipps

Um die Integration weiter zu verbessern:

  • Leistungsoptimierung: Bei großen Datensätzen oder komplexen Diagrammen empfiehlt es sich, die Leistung von LiveCharts und IronPDF zu optimieren, um kurze Ladezeiten und einen reibungslosen Betrieb zu gewährleisten.
  • Interaktive PDFs: Obwohl PDFs statisch sind, kann das Hinzufügen von Hyperlinks oder Lesezeichen die Navigation verbessern und die Berichte benutzerfreundlicher machen.
  • Individuelles Styling: Verwenden Sie CSS in Ihren HTML-Vorlagen, um sicherzustellen, dass die Berichte Ihrem Corporate Branding oder Ihren Designrichtlinien entsprechen.

Abschluss

Abschließend bietet die Integration von LiveCharts mit IronPDF eine leistungsstarke Kombination for .NET-Entwickler, die dynamische, visuell ansprechende Diagramme erstellen und in professionell gestaltete PDF-Berichte integrieren möchten. Diese Synergie verbessert nicht nur die Präsentation von Daten, sondern erweitert auch die Nützlichkeit von Anwendungen, indem die Erstellung statischer Berichte aus dynamischen Datensätzen erleichtert wird.

Die Fähigkeit von IronPDF, HTML in PDF zu rendern, mit voller Unterstützung für CSS3, JavaScript und HTML5, stellt sicher, dass Ihre Diagramme nahtlos vom Bildschirm auf die gedruckte Seite übergehen. Für diejenigen, die daran interessiert sind, diese Funktionalität zu erkunden, bietet IronPDF eine kostenlose Testversion von IronPDF ab $999, die eine kostengünstige Lösung für die Erstellung von hochwertigen Berichten in .NET-Anwendungen bereitstellt.

Jacob Mellor, Chief Technology Officer @ Team Iron
Chief Technology Officer

Jacob Mellor ist Chief Technology Officer bei Iron Software und ein visionärer Ingenieur, der Pionierarbeit in der C# PDF-Technologie leistet. Als der ursprüngliche Entwickler hinter der Kern-Codebasis von Iron Software hat er die Produktarchitektur des Unternehmens seit seiner Gründung geprägt und es zusammen mit CEO Cameron Rimington in ein Unternehmen mit mehr als 50 Mitarbeitern verwandelt, das die NASA, Tesla und globale Regierungsbehörden beliefert.

...
Weiterlesen

Verwandte Artikel

Key in blue circle

Holen Sie sich sofort Ihren kostenlosen 30-Tage-Testschlüssel.

Your trial license will be sent to your email address

Keine Einschränkungen. 100 % freigeschaltet. Keine Kreditkarte.

OR
bullet_checkedIhr Testlizenzschlüssel wurde Ihnen per E-Mail gesendet.Keine Einschränkungen. 100 % freigeschaltet. Keine Kreditkarte.
  • Logo Aetna
  • Logo NASA
  • Logo GE
  • Logo Porsche
  • Logo USDA
  • Logo Qatar
Join Millions of Engineers who’ve tried IronPDF
Buchen Sie Ihre kostenlose Live-Demo
Booking Badge

Von Millionen von Ingenieur*innen weltweit vertraut

Kundenlogos von Iron Software
Erhalten Sie Ihre unverbindliche Beratung
Füllen Sie das Formular unten aus oder senden Sie eine E-Mail an sales@ironsoftware.com
Ihre Daten werden immer vertraulich behandelt.
Von Millionen von Ingenieur*innen weltweit vertraut
Kundenlogos von Iron Software
Erhalten Sie sofort Ihren kostenlosen 30-Tage-Testschlüssel.
Ihr Testlizenzschlüssel wurde Ihnen per E-Mail gesendet.
C# NuGet-Bibliothek für PDF
Installation mit NuGet

Version: 2026.9

PM > Install-Package IronPdf
nuget.org/packages/IronPdf/
  1. Rechtsklick auf Referenzen, NuGet-Pakete verwalten
  2. Wählen Sie Durchsuchen und suchen Sie nach 'IronPDF'
  3. Paket auswählen und installieren
C# PDF DLL
Download DLL

Version: 2026.9

oder laden Sie den Windows-Installer hier herunter.

  1. Laden Sie IronPDF herunter und entpacken Sie es in ein Verzeichnis wie ~/Libs innerhalb Ihres Lösungsverzeichnisses
  2. Im Visual Studio-Projektmappen-Explorer klicken Sie mit der rechten Maustaste auf Referenzen. Wählen Sie Durchsuchen, "IronPDF.dll"

Lizenzen ab 999 $