Syncfusion.AspNetCore.StockChart
34.1.33
Prefix Reserved
dotnet add package Syncfusion.AspNetCore.StockChart --version 34.1.33
NuGet\Install-Package Syncfusion.AspNetCore.StockChart -Version 34.1.33
<PackageReference Include="Syncfusion.AspNetCore.StockChart" Version="34.1.33" />
<PackageVersion Include="Syncfusion.AspNetCore.StockChart" Version="34.1.33" />
<PackageReference Include="Syncfusion.AspNetCore.StockChart" />
paket add Syncfusion.AspNetCore.StockChart --version 34.1.33
#r "nuget: Syncfusion.AspNetCore.StockChart, 34.1.33"
#:package Syncfusion.AspNetCore.StockChart@34.1.33
#addin nuget:?package=Syncfusion.AspNetCore.StockChart&version=34.1.33
#tool nuget:?package=Syncfusion.AspNetCore.StockChart&version=34.1.33
Syncfusion® ASP.NET Core Stock Chart
The Syncfusion® ASP.NET Core Stock Chart component is designed specifically for financial data visualization. It supports OHLC and Candlestick chart types and includes built-in features required for financial market analysis.
Key Features
- OHLC (Open-High-Low-Close) and Candlestick chart types
- Built-in period selector (1D, 1W, 1M, 3M, 6M, 1Y, All)
- Integrated Range Navigator for filtering the visible data range
- 10+ technical indicators: SMA, EMA, MACD, RSI, Bollinger Bands, ATR, and more
- Crosshair, trackball, and tooltip for data inspection
- Zooming and panning for navigating large datasets
- Multiple series support for comparing multiple stocks
Common Setup
All Syncfusion ASP.NET Core controls share the same foundational setup steps:
1. Install NuGet Package
Install-Package Syncfusion.AspNetCore.Charts
2. Register Tag Helper
Add the following to ~/Pages/_ViewImports.cshtml or ~/Views/_ViewImports.cshtml:
@addTagHelper *, Syncfusion.AspNetCore.Base
@addTagHelper *, Syncfusion.AspNetCore.Charts
3. Add Stylesheet & Script References
In your layout file (~/Pages/Shared/_Layout.cshtml):
<head>
<link rel="stylesheet" href="_content/Syncfusion.AspNetCore.Themes/styles/fluent2.css" />
<script src="_content/Syncfusion.AspNetCore.Charts/scripts/sf-stock-chart.min.js"></script>
</head>
4. Register Script Manager
In your layout file (~/Pages/Shared/_Layout.cshtml), At the end of your <body> tag:
<ejs-scripts></ejs-scripts>
Quick Start
Step 1: ~/Pages/Index.cshtml.cs
public class IndexModel : PageModel
{
public List<StockData> StockDataList { get; set; }
public void OnGet()
{
StockDataList = new List<StockData>
{
new StockData { Date = new DateTime(2020, 01, 01), Open = 100, High = 105, Low = 99, Close = 103 },
new StockData { Date = new DateTime(2020, 01, 02), Open = 103, High = 108, Low = 102, Close = 106 },
new StockData { Date = new DateTime(2020, 01, 03), Open = 106, High = 110, Low = 104, Close = 108 },
new StockData { Date = new DateTime(2020, 01, 04), Open = 108, High = 112, Low = 105, Close = 110 },
new StockData { Date = new DateTime(2020, 01, 05), Open = 110, High = 115, Low = 108, Close = 112 }
};
}
}
public class StockData
{
public DateTime Date { get; set; }
public double Open { get; set; }
public double High { get; set; }
public double Low { get; set; }
public double Close { get; set; }
}
Step 2: ~/Pages/Index.cshtml
<ejs-stock-chart id="container">
<e-stock-chart-series-collection>
<e-stock-chart-series dataSource="@Model.StockDataList" xName="Date" yName="Close" type="Candlestick"></e-stock-chart-series>
</e-stock-chart-series-collection>
</ejs-stock-chart>
Step 3: Run the Application
Press Ctrl+F5 to run the application in your browser.
Documentation
Support
License
This is a commercial product and requires a paid license for possession or use. Review the Syncfusion® EULA
About Syncfusion®
Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:
Web: Blazor | ASP.NET Core | ASP.NET MVC | JavaScript | Angular | React | Vue
Desktop: WinForms | WPF | WinUI
Learn more at www.syncfusion.com
sales@syncfusion.com | Toll Free: 1-888-9-DOTNET
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. net9.0 is compatible. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed. net10.0 is compatible. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
-
net10.0
- Newtonsoft.Json (>= 13.0.4)
- Syncfusion.AspNetCore.Base (>= 34.1.33)
- Syncfusion.AspNetCore.Calendars (>= 34.1.33)
- Syncfusion.AspNetCore.Charts (>= 34.1.33)
- Syncfusion.AspNetCore.Navigations (>= 34.1.33)
- Syncfusion.AspNetCore.RangeNavigator (>= 34.1.33)
- Syncfusion.Licensing (>= 34.1.33)
-
net8.0
- Newtonsoft.Json (>= 13.0.4)
- Syncfusion.AspNetCore.Base (>= 34.1.33)
- Syncfusion.AspNetCore.Calendars (>= 34.1.33)
- Syncfusion.AspNetCore.Charts (>= 34.1.33)
- Syncfusion.AspNetCore.Navigations (>= 34.1.33)
- Syncfusion.AspNetCore.RangeNavigator (>= 34.1.33)
- Syncfusion.Licensing (>= 34.1.33)
-
net9.0
- Newtonsoft.Json (>= 13.0.4)
- Syncfusion.AspNetCore.Base (>= 34.1.33)
- Syncfusion.AspNetCore.Calendars (>= 34.1.33)
- Syncfusion.AspNetCore.Charts (>= 34.1.33)
- Syncfusion.AspNetCore.Navigations (>= 34.1.33)
- Syncfusion.AspNetCore.RangeNavigator (>= 34.1.33)
- Syncfusion.Licensing (>= 34.1.33)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.