Trusted by the world’s leading companies
Overview
ASP.NET MVC Stock Chart is a well-crafted, easy-to-use financial charting package. Track and visualize the stock price of any company over a specific period of time using charting and range tools. The component comes with a lot of features such as zooming, panning, tooltip, crosshair, trackball, period selector, range selector, and events to make the stock charts more interactive.
Why choose Syncfusion Essential Studio® ASP.NET MVC Stock Chart?
High performance
Several data rendering optimizations have been used to achieve the best possible efficiency when plotting large amounts of data and managing high-frequency, real-time data.
Elegant animation
The Stock Chart for ASP.NET MVC provides fluid animation to present data with smooth transitions.
Interactive stock chart
The tooltip and crosshair cursor allow users to interact with the chart and obtain detailed information about data points.
Stock events
Visualize stock events to display many types of market events on the chart.
Admirable feature set
The ASP.NET MVC Stock Chart supports zooming and panning, multiple series, period selector, range selector, trendlines, and indicators.
Adapts to any resolution
Stock Chart has a highly responsive layout and an optimized design for desktops, touchscreens, and phones. It works well on all mobile phones that use iOS, Android, or Windows OS.
Attractive, customizable themes
Cutting-edge design with several built-in themes, such as Fluent, Tailwind CSS, Bootstrap, Material, and Fabric. Utilize the online Theme Studio tool to customize themes of stock chart easily.
Globalization and localization
Enable users from different locales to use the control by formatting dates, currency, and numbering to suit preferences.
ASP.NET MVC Stock Chart Code Example
Easily get started with the ASP.NET MVC Stock Chart using a few simple lines of C# code as demonstrated below. Also explore our ASP.NET MVC Stock Chart Example that shows you how to render and configure the stock chart.
@using Syncfusion.EJ2;
<script src="~/Scripts/StockChartData/indicator-data.js"></script>
@section ControlsSection{
<div class="control-section">
<div id="control-container">
@(Html.EJS().StockChart("container").Load("load").Title("AAPL Stock Price")
.PrimaryXAxis(xaxis =>xaxis.MajorGridLines(mg=>mg.Color("transparent")
).CrosshairTooltip(ct=>ct.Enable(true)))
.PrimaryYAxis(yaxis =>yaxis.MajorTickLines(mt=>mt.Color("transparent")
).LineStyle(ls=>ls.Color("transparent")))
.Series(sr =>
{
sr.Type(Syncfusion.EJ2.Charts.ChartSeriesType.Candle).DataSource("data").Add();
})
.TooltipRender("tooltipRender")
.Crosshair(cr=>cr.Enable(true))
.Tooltip(tp => tp.Enable(true))
.ChartArea(area => area.Border(br=>br.Width(0)))
.Border(br => br.Width(1))
.Render())
</div>
</div>
<script>
var data = window.chartData;
function tooltipRender(args) {
if (args.text.split('<br/>')[4]) {
var target = parseFloat(args.text.split('<br/>')[4].split('<b>')[1].split('</b>')[0]);
var value = (target / 100000000).toFixed(1) + 'B';
args.text = args.text.replace(args.text.split('<br/>')[4].split('<b>')[1].split('</b>')[0], value);
}
};
</script>
}using Newtonsoft.Json;
using Newtonsoft.Json.Converters;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace EJ2MVCSampleBrowser.Controllers.StockChart
{
public partial class StockChartController : Controller
{
// GET: Default
public ActionResult Default()
{
return View();
}
}
}Interactive Chart
The end-user experience is greatly enhanced by including a set of interactive features such as zooming, and panning, crosshair, trackball, events, and selection.


Candlestick with volume
ASP.NET MVC Candlestick Chart allows analyzing both price action and volume at a glance.
Multiple series
Plot multiple series in a single chart to compare different stock values. Enabling a legend and a tooltip gives more information about an individual series.


Plot band
Draw special attention to any region of the chart or graph with the help of strip lines.
Range selector
Use the range selector to filter a date range for data that needs to be visualized.


Period selector
Use the period selector to choose a range of data points at predetermined intervals with a single click.
Series type
Visualize data using different series types like candle, OHLC, HiLo, line, spline, area, and spline area. The series type can be changed using the series options in the period selector.


Legend
Legends provide additional information helpful in identifying individual data or series in a stock chart.
Indicators
Use technical indicators to analyze the past and predict the future market trends based on historic price, volume, or open interest. The Stock Chart supports 10 different types of indicators. You can add these indicators to a stock chart using the indicator option in the period selector.


Trendlines
Predict future trends with predetermined data for any measurement such as the stock market or target revenue with the help of trendlines. You can add trendlines to a stock chart using the trendlines options in the period selector.
Print and Export
Export ASP.NET MVC Stock Chart to PDF documents or to image formats such as SVG, PNG, and JPEG as well as export chart data to XLSX and CSV formats in the client-side. Print the rendered stock charts and graphs directly from the browser.


Axis type
Visualize data using different axis types like numeric, logarithmic, date-time, and date-time category. And this chart’s axis elements can be customized further to make an axis more readable.
Accessibility

Keyboard navigation
Every element in ASP.NET MVC Stock Charts is keyboard accessible. Major features like tooltip, trackball, legend, collapse, zoom, and pan can be used through keyboard commands alone. No mouse interaction is required. This helps in creating highly accessible applications.

Screen reader
The ASP.NET MVC Stock Chart view has complete WAI-ARIA accessibility support. The Stock Chart UI includes high-contrast visual elements that help visually impaired people to have the best viewing experience. Also, valid UI descriptions are easily accessible through assistive technologies such as screen readers.

Right to left (RTL)
Right-to-left rendering allows displaying the text and layout of the Stock Chart from right to left. This improves the user experience and accessibility for RTL languages.
Other supported frameworks
Stock Chart is also available in the Blazor, Angular, React, Vue, and JavaScript frameworks. Check out the Stock Chart for different platforms from the following links.
Supported browsers
The ASP.NET MVC Stock Chart works well with all modern web browsers such as Chrome, Firefox, Microsoft Edge, Safari, and Opera.

Not sure how to create your first ASP.NET MVC Stock Chart? Our documentation can help.
I’d love to read it now140+ ASP.NET MVC UI CONTROLS
Frequently Asked Questions
Why should you choose Syncfusion Essential Studio® ASP.NET MVC Stock Chart?
Visualize and analyze stock data with candlestick,OHLC, HiLo Chart.
Interact and explore stock charts with features such as period selector, range selector, zoom and pan, crosshair, tooltip, trackball, and more.
- Flexible UI customization of period and range selector with fluent APIs.
- One of the best ASP.NET MVC Stock Chart in the market that offers feature-rich UI to interact with the software.
10 Technical indicators and 4+ Financial Chart types with elegant animation.
Simple configuration and API.
- Supports all modern browsers.
- Mobile-touch friendly and responsive.
Expansive learning resources such as demos and documentation to learn quickly and get started with ASP.NET MVC Stock Chart.
Where can I find the Syncfusion ASP.NET MVC Stock Chart demo?
You can find our ASP.NET MVC Stock Chart demo, which demonstrates how to render and configure the Stock Chart.
Can I download and utilize the Syncfusion ASP.NET MVC Stock Chart for free?
No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.
How do I get started with Syncfusion ASP.NET MVC Stock Chart?
A good place to start would be our comprehensive getting started documentation.
Our Customers Love Us
Awards
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion® is proud to hold the following industry awards.