Giter Site home page Giter Site logo

syncfusionexamples / create-blazor-charts-in-a-blazor-server-app Goto Github PK

View Code? Open in Web Editor NEW
0.0 5.0 4.0 372 KB

A Blazor Server App that helps you to learn how easily you can create and configure the basic features of Syncfusion Blazor Charts.

HTML 53.05% C# 15.18% CSS 31.77%
blazor blazor-server blazor-server-app blazor-charts blazor-component blazor-components syncfusion-ej2 syncfusion-blazor charts charting-library

create-blazor-charts-in-a-blazor-server-app's Introduction

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.


[email protected] | www.syncfusion.com | 1-888-9 DOTNET

create-blazor-charts-in-a-blazor-server-app's People

Contributors

backiaraj avatar baskaransethugithub avatar rajendranr-5483 avatar sarubala20 avatar subaa1492 avatar umamaheswarichandrabose avatar vinothkumar-ganesan avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.