Shopping cart Download trialFree Trial

Candle Stick

5/2/20165/9/20165/16/20165/23/20165/31/20166/6/20166/13/20166/20/20166/27/20167/5/20167/11/20167/18/20167/25/20168/1/20168/8/20168/15/20168/22/20168/29/2016660680700720740760780800820840US DollarsStock PricesFrom www.quandl.comGoogle Inc.
Series Settings
Labels Settings
Axis Settings
Apply Changes

This demo illustrates the Candlestick view for a series.

The Candle-Stick view displays financial data sets (with Open-High-Low-Close values) and stock price variation over the course of a day.

Each series point consists of a rectangle with top and bottom values that correspond to the opening and closing prices of a stock. The top of the vertical thin line above the rectangle and the bottom of the line below it represent high and low stock prices.

You can select which value point labels are shown (the LabelLevel option) and choose the value used to determine the reduction in price (the ReductionLevel property). If the current value is less than its previous value, the point is displayed in Red. If the value is greater than its previous value, the point is shown in Black.

In this demo, use the SkipRangesWithoutPoints option to exclude all x-axis ranges that do not have points.

Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxChartDemos