How to Create ASP.NET Core Financial Charts

Learn how to add a financial chart to a Syncfusion ASP.NET Core web application. This video shows how to configure a high-low, open-high-low-close (OHLC), and candle chart and add titles, crosshairs, and tooltips.

ASP.NET Core Charts is a well-crafted charting component for visualizing data. It contains a rich UI gallery of 50+ chart and graph types, ranging from line to financial, that cater to all charting scenarios. Its high performance helps render large amounts of data quickly. It includes features such as zooming, panning, tooltips, crosshair, trackball, highlight, and selection.

The Syncfusion ASP.NET Core financial charts are designed to visualize stock market trends, price movements, and other financial data in a graphical format. To add ASP.NET Core controls to an application, open the NuGet package manager in Visual Studio, search for Syncfusion EJ2 Asp Net Core, and install it. You can bind simple JSON data to the chart using the dataSource property in the series. Then, map the fields in JSON to the xName and yName properties.

In the high-low series, the horizontal line on the left indicates the opening price, and the one on the right indicates the closing price. When the open stock value is greater than the close value, it is shown in red, the bull fill color. When the open stock value is less than the close value, it is shown in green, the bear fill color.

The candle series has rectangular boxes with lines above and below them. The line at the upper end indicates the day's highest trading prices, whereas the line at the lower end indicates the day's lowest trading price. The upper and lower ends of a rectangular box show the day's opening and closing prices. When the open value is greater than the close value, the box is filled. When the open value is less than the close value, the box is unfilled.

Tutorial video: https://www.syncfusion.com/tutorial-v...

Download an example from GitHub:
https://github.com/SyncfusionExamples...

Refer to the getting started documentation for the Syncfusion ASP.NET Core financial chart components:
https://ej2.syncfusion.com/aspnetcore...

Check out this online example of exporting the Syncfusion ASP.NET Core financial chart components:
https://ej2.syncfusion.com/aspnetcore...

Refer to the getting started documentation for the Syncfusion ASP.NET Core Charts component:
https://ej2.syncfusion.com/aspnetcore...

Check out this online example of exporting the Syncfusion ASP.NET Core Charts component:
https://ej2.syncfusion.com/aspnetcore...

The ASP.NET Core Charts Getting Started video:
   • Getting Started with the ASP.NET Core...  

TRIAL LICENSE KEY
-------------------------
If you need a trial license key, start an ASP.NET Core trial from your Syncfusion account and then obtain a trial license key from the downloads page: https://www.syncfusion.com/account/ma...

Check if you are eligible for a free license for all Essential Studio products on our Community License page: https://www.syncfusion.com/products/c...

BOOKMARK DETAILS
----------------------------
[00:00] Introduction
[01:16] Add a Hilo series
[01:45] Populate the chart with data
[03:00] Apply date-time in x-axis
[03:30] Add a chart title
[04:18] Add tooltips
[04:47] Add crosshairs
[05:54] Add an OHLC series
[07:03] Add a candle series

ASP.NET CORE CHARTS
----------------------------
Product overview: https://www.syncfusion.com/aspnet-cor...
Documentation: https://ej2.syncfusion.com/aspnetcore...
Online examples: https://ej2.syncfusion.com/aspnetcore...
Download free trial: https://www.syncfusion.com/downloads/...
NuGet package: https://www.nuget.org/packages/Syncfu...

SUBSCRIBE
-------------
Syncfusion on YouTube:    / syncfusioninc  
Sign up to receive email updates: https://www.syncfusion.com/account/em...

SOCIAL COMMUNITIES
-----------------------------
Facebook:   / syncfusion  
Twitter:   / syncfusion  
LinkedIn:   / syncfusion  
Instagram:   / syncfusionofficial  

#aspnetcore #chart #charts