New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

CandleStick Charts

RadChart has been replaced by RadHtmlChart, Telerik's client-side charting component. If you are considering RadChart for new development, examine the RadHtmlChart documentation and online demos first to see if it will fit your development needs. If you are already using RadChart in your projects, you can migrate to RadHtmlChart by following these articles: Migrating Series, Migrating Axes, Migrating Date Axes, Migrating Databinding, Features parity. Support for RadChart is discontinued as of Q3 2014, but the control will remain in the assembly so it can still be used. We encourage you to use RadHtmlChart for new development.

The CandleStick chart combines bar and line chart styles to show a range of value movement over time. A filled bar indicates the opening value was greater than the closing value. An empty bar indicates that the closing value was greater than the opening value. The line through the center (the "wick") shows the extreme high and low values. The meaning of the Y values in a CandleStick chart are:

  • YValue = Open

  • YValue2 = Close

  • YValue 3 = Max

  • YValue 4 = Min

The "bar" portion of each chart item is formed between the YValue and YValue2 properties. The "wick" portion of the chart is defined with the YValue3 and YValue4 chart item properties.

To create a Vertical CandleStick Chart set the SeriesOrientationproperty to Vertical. Set the RadChart DefaultType property or ChartSeries.Type to CandleStick.

CandleStick Chart Type

To create a Horizontal CandleStick Chart set the SeriesOrientationproperty to Horizontal. Set the RadChart DefaultType property or ChartSeries.Type to CandleStick.

Horizontal CandleStick Chart

The screenshots above use the following data points:

YValue YValue2 YValue3 YValue4
6 7.1 4.5 8
5.5 7.7 3 6
21 9 8 23
5.5 6.5 4 6.5
6 4.5 3 7
In this article