Blazor Line Chart

Overview

This sample demonstrates how to create a line chart using the Syncfusion Blazor Chart component. The application renders chart data using a line-series visualization and provides a basic implementation that can be used as a starting point for building analytical dashboards, reporting pages, and data visualization experiences in Blazor applications.

The project is structured as a standard Blazor application and includes dedicated folders for pages, data models, shared components, and static resources. The sample focuses specifically on creating and displaying a Line Chart using the Syncfusion Blazor Chart library.

Key Features

• Demonstrates creating a line chart using the Syncfusion Blazor Chart component.
• Shows how chart data can be supplied through application data models.
• Uses a dedicated Blazor application project (LineChart.csproj) to host the chart sample.
• Demonstrates line-series based data visualization in a Blazor environment.
• Provides a starter implementation for chart rendering scenarios.
• Uses the standard Blazor application structure with pages, shared components, and supporting resources.

Prerequisites

• Visual Studio 2022 or Visual Studio Code
• .NET SDK compatible with the project's target framework

How to Run the Project

Visual Studio 2022

1. Clone or download this repository.
2. Open LineChart.sln.
3. Restore all NuGet packages.
4. Set the LineChart project as the startup project if required.
5. Build the solution.
6. Run the application using Ctrl+F5.

Visual Studio Code

1. Open the repository folder in Visual Studio Code.
2. Open the integrated terminal.
3. Navigate to the repository root containing LineChart.csproj.

dotnet restore
dotnet run

4. Open the local application URL displayed in the terminal after application startup.

Support and Feedback

• For general product questions, visit the Syncfusion Community Forum or Syncfusion Support.
• To report an issue specific to this sample, open a GitHub issue in this repository.
• For official documentation related to this feature, see https://help.syncfusion.com/chart-sdk/blazor/charts/chart-types/line

License

This is a Syncfusion sample project provided to demonstrate product usage. Review the Syncfusion license terms before using Syncfusion components in your own applications.