Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
59 changes: 52 additions & 7 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,59 @@
# Blazor Line Chart

This sample explains about how to create a line chart in Blazor Charts component.
## Overview

This sample demonstrates how to create a line chart using the Syncfusion [Blazor Chart](https://www.syncfusion.com/blazor-components/blazor-charts) 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
- 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`.

```bash
dotnet restore
dotnet run
```

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

## Project Structure

- `Pages/` — contains the Blazor page that renders the Syncfusion Line Chart sample.

## Support and Feedback

- For general product questions, visit the [Syncfusion Community Forum](https://www.syncfusion.com/forums) or [Syncfusion Support](https://www.syncfusion.com/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

## How to run the project
## License

* Checkout this project to a location in your disk.
* Open the solution file using the Visual Studio 2022.
* Restore the NuGet packages by rebuilding the solution.
* Run the project.
This is a Syncfusion sample project provided to demonstrate product usage. Review the [Syncfusion license terms](https://www.syncfusion.com/sales/pricing?category=ui-components) before using Syncfusion components in your own applications.