[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Collapse]Chart Control
   [Expand]Product Information
   [Expand]Getting Started
    [Expand]Charting Basics
    [Expand]Series Views
    [Collapse]Professional Charting
      Advanced Charting
      Financial Charting
   [Expand]Design-Time Features
   [Expand]Visual Elements
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Financial Charting

This document describes the main features available in the ASP.NET Chart Control to create professional financial charts.

The following sections are available in this document.

Expanded Financial Series

The ASP.NET Chart Control provides two special series view types for financial charting - Stock and Candle Stick (also known as Low-High-Open-Close).

Because these chart types support an XY-Diagram, you can use any other compatible series in your financial chart, and rotate these charts (i.e., flipping the X- and Y-axes) via the XYDiagram.Rotated property.

Both the Stock and Candle Stick series provide the FinancialSeriesViewBase.ReductionOptions property. Reduction options provide access to settings for the following purposes:

- To define a particular price value (Open, Close, High or Low) on which a price action analysis is performed (via the ReductionStockOptions.Level property);

- To specify a color to indicate a price reduction (via the ReductionStockOptions.Color property);

- To control whether or not price reductions are indicated within a series (via the ReductionStockOptions.Visible property).

For a Stock chart, you can choose whether or not to only show the opening, closing, or both price levels via the StockSeriesView.ShowOpenClose property.

To control the content, position and arrangement of point labels, use the PointOptions.PointView and StockPointOptions.ValueLevel properties of the series and the SeriesLabelBase.ResolveOverlappingMode property of series point labels.

To learn about other customizations that are not specific to financial charts, see Advanced Charting.

Expanded Days-Off Exclusion and Custom Weeks

To avoid gaps that occur in date-time data when a non-working day is displayed, enable the AxisBase.WorkdaysOnly property of the X-axis and access options provided by the AxisBase.WorkdaysOptions property.


You can import a list of holidays (to exclude them from the X-axis scale) in our native Scheduler (.xml) or Microsoft Office Outlook® (.hol) formats from a file (via the WorkdaysOptions.LoadHolidays method).

Using these options, you can define a custom week by specifying work days to be included in the axis range, excluding defined holidays and weekends.

See How to: Exclude Weekends and Holidays from the Axis Scale for a step-by-step tutorial.

To learn more about advanced support for the date-time scale type, see Data Aggregation.

Expanded Technical Indicators

In addition to Strips and Constant Lines, you can use technical indicators (such as Regression and Trend Lines, or Fibonacci and Moving Average indicators) for any 2D XY- Series.

Note that you are not restricted to the available set of indicators - some can easily be implemented on your own by adding series (e.g. Line), and/or by displaying them on separate panes tied to a number of secondary axes.

An example of how this can be done is available online in our Code Central database at Webinar - Creating Your Own Financial Indicators (ASP.NET).

You can set a separate palette for painting all indicators on a chart via the WebChartControl.IndicatorsPaletteName property.

Is this topic helpful?​​​​​​​