Skip to content

SyncfusionExamples/create-blazor-charts-in-a-blazor-server-app

Repository files navigation

Creating a Chart in Blazor Server App

The Blazor Charts, a well-crafted easy-to-use charting package, is used to add beautiful charts in web and mobile applications. It contains a rich gallery of 30+ charts and graphs, ranging from line to financial charts, that cater to all charting scenarios. Its high performing quality helps to render a large amount of data quickly in your user’s browser. It also comes with a lot of features such as zooming, panning, tooltip, crosshair, trackball, drill-down, and events to make the charts more interactive.

Prequisites

  • Visual Studio 2022

How to run the project

  • 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.

Features and Benefits

Chart types

Plots more than 30 chart types, ranging from basic charts like such as line, and column etc. to financial charts like such as candle, and OHLC. Each chart type is easily configured with built-in support for creating stunning visual effects.

Data binding

Blazor Chart uses data manager, which supports both RESTful JSON data services binding and IEnumerable binding. The DataSource value can be assigned either with the property values from data manager or list of business objects.

Performance

Chart is designed and optimized for high performance. It provides the best performance when plotting large volumes of data and handling high-frequency real-time data.

Interactive chart

The end user experience is greatly enhanced by including a set of user interaction features such as zooming and panning, crosshair, trackball, drill-down, events, selection, and tooltip.

Axis

Chart plots any type of data in a graph with the help of different axes types: numeric, category, date-time, date-time category, and logarithmic axis. This chart axis elements can be customized further to make an axis more readable.

Legends

Legends in Blazor Charts allows users to display additional information about the chart series. Legend can be paginated and positioned anywhere in the chart area, to make the chart fit best on the page.

Real-time data synchronization

Chart can be updated dynamically with live data that changes over seconds or minutes like stock prices, temperature, etc.

Animation

Chart can be animated smoothly on initial rendering, refreshing, and interacting with the chart and graph widgets.

Customizable UI

Allows you customize the appearance of any part of chart using built-in API’s. And comes with several built-in themes such as material, bootstrap, fabric (Office 365), and high contrast.

Export, PDF, SVG, image

Chart can be exported to PDF or as image formats such as SVG, PNG, and JPEG in client-side.

Related Links

Learn about more Blazor Charts

Download Free Trial

Pricing

Documentation

Online Examples

Community Forums

Suggest a feature

About Syncfusion Blazor Components

The Syncfusion's Blazor components library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to Charts, we provide popular Blazor Components such as DataGrid, Scheduler, Diagram, Word Processor, and more.

About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 23,000+ customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1600+ controls and frameworks for web (Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Flutter), mobile (Xamarin, Flutter, UWP, and JavaScript), and desktop development (Windows Forms, WPF, WinUI(Preview) and UWP). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.


sales@syncfusion.com | www.syncfusion.com | 1-888-9 DOTNET