Show All

Hide All

The ActiveReports Chart control can draw a number of financial chart types:

• Candle, High Low, High Low Open Close
• Kagi, Renko
• Point and Figure, Three Line Break

See below for details on each of the financial chart types.

Candle Chart

A candle chart displays stock information using High, Low, Open and Close values. The size of the wick line is determined by the High and Low values, while the size of the bar is determined by the Open and Close values. The bar is displayed using different colors, depending on whether the price of the stock has gone up or down.

Chart Information

Below is an example of how to set the custom chart properties at run time for a candle chart as shown in the image above.

To write the code in Visual Basic.NET

With Me.ChartControl1.Series(0)
   .Properties("BodyDownswingBackdrop") = New Chart.Graphics.Backdrop(Color.FromArgb(255, 192, 255))
   .Properties("BodyUpswingBackdrop") = New Chart.Graphics.Backdrop(Color.FromArgb(192, 192, 255))
   .Properties("WickLine") = New Chart.Graphics.Line(Color.Indigo)
   .Properties("BodyWidth") = 7.0F
End With

To write the code in C#

this.chartControl1.Series[0].Properties["BodyDownswingBackdrop"]= new Chart.Graphics.Backdrop
     (Color.FromArgb(255, 192, 255));
this.chartControl1.Series[0].Properties["BodyUpswingBackdrop"] = new Chart.Graphics.Backdrop
     (Color.FromArgb(192, 192, 255));
this.chartControl1.Series(0).Properties("WickLine") = new Chart.Graphics.Line(Color.Indigo);
this.chartControl1.Series[0].Properties["BodyWidth"] = 7f;

HiLo Chart

A HiLo chart displays stock information using High and Low or Open and Close values. The length of the HiLo line is determined by the High and Low values or the Open and Close values.

Chart Information

Below is an example of how to set the custom chart properties at run time for a HiLo chart as shown in the image above.

To write the code in Visual Basic.NET

To write the code in C#

HiLo OpenClose Chart

A HiLo OpenClose chart displays stock information using High, Low, Open and Close values. Opening values are displayed using lines to the left, while lines to the right indicate closing values.

Chart Information

Below is an example of how to set the custom chart properties at run time for a HiLoOpenClose chart as shown in the image above.

To write the code in Visual Basic.NET

With Me.ChartControl1.Series(0)
    .Properties("OpenLine") = New Chart.Graphics.Line(Color.Green)
    .Properties("CloseLine") = New Chart.Graphics.Line(Color.Red)
    .Properties("HiloLine") = New Chart.Graphics.Line(Color.Black, 2)
    .Properties("TickLen") = 10.0F
End With

To write the code in C#

this.chartControl1.Series[0].Properties["OpenLine"] = new Chart.Graphics.Line(Color.Green);
this.chartControl1.Series[0].Properties["CloseLine"] = new Chart.Graphics.Line(Color.Red);
this.chartControl1.Series[0].Properties["HiloLine"] = new Chart.Graphics.Line(Color.Black, 2);
this.chartControl1.Series[0].Properties["TickLen"] = 10f;

Kagi Chart

A Kagi chart displays supply and demand trends using a sequence of linked vertical lines. The thickness and direction of the lines vary depending on the price movement. If closing prices go in the direction of the previous Kagi line, then that Kagi line is extended. However, if the closing price reverses by the preset reversal amount, a new Kagi line is charted in the next column in the opposite direction. Thin lines indicate that the price breaks the previous low (supply) while thick lines indicate that the price breaks the previous high (demand).

Chart Information

Below is an example of how to set the custom chart properties at run time for a Kagi chart.

To write the code in Visual Basic.NET

With Me.ChartControl1.Series(0)
    .Properties("BodyDownswingBackdrop") = New Backdrop(Color.Red)
    .Properties("BodyUpswingBackdrop") = New Backdrop(Color.Blue)
    .Properties("DownswingLine") = New Chart.Graphics.Line(Color.DarkRed)
    .Properties("ReversalAmount") = "25"
    .Properties("UpswingLine") = New Chart.Graphics.Line(Color.DarkBlue)
    .Properties("Width") = 50.0F
End With

To write the code in C#

this.chartControl1.Series[0].Properties["BodyDownswingBackdrop"] = new Backdrop(Color.Red);
this.chartControl1.Series[0].Properties["BodyUpswingBackdrop"] = new Backdrop(Color.Blue);
this.chartControl1.Series[0].Properties["DownswingLine"] = new Chart.Graphics.Line(Color.DarkRed);
this.chartControl1.Series[0].Properties["ReversalAmount"] = "25"; 
this.chartControl1.Series[0].Properties["UpswingLine"] = new Chart.Graphics.Line(Color.DarkBlue);
this.chartControl1.Series[0].Properties["Width"] = 50f;

Point and Figure Chart

The point and figure chart uses stacked columns of X's to indicate that demand exceeds supply and columns of O's to indicate that supply exceeds demand to define pricing trends. A new X or O is added to the chart if the price moves higher or lower than the BoxSize value. A new column is added when the price reverses to the level of the BoxSize value multiplied by the ReversalAmount. The use of these values in the point and figure chart to calculate pricing trends makes this chart best suited for long-term financial analysis.

Chart Information

Below is an example of how to set the custom chart properties at run time for a Point and Figure chart.

To write the code in Visual Basic.NET

With Me.ChartControl1.Series(0)
    .Properties("DownswingLine") = New Chart.Graphics.Line(Color.Red)
    .Properties("UpswingLine") = New Chart.Graphics.Line(Color.Blue)
    .Properties("BoxSize") = 3.0F
End With

To write the code in C#

this.chartControl1.Series[0].Properties["DownswingLine"] = new Chart.Graphics.Line(Color.Red);
this.chartControl1.Series[0].Properties["UpswingLine"] = new Chart.Graphics.Line(Color.Blue);
this.chartControl1.Series[0].Properties["BoxSize"] = 3f;

Renko Chart

The Renko chart uses bricks of uniform size to chart price movement. When a price moves to a greater or lesser value than the preset BoxSize value required to draw a new brick, a new brick is drawn in the succeeding column. The change in box color and direction signifies a trend reversal.

Chart Information

Below is an example of how to set the custom chart properties at run time for a Renko chart.

To write the code in Visual Basic.NET

With Me.ChartControl1.Series(0)
    .Properties("BodyDownswingBackdrop") = New Backdrop(Color.BlueViolet)
    .Properties("BodyUpswingBackdrop") = New Backdrop(Color.Navy)
    .Properties("BoxSize") = 3.0F
End With

To write the code in C#

this.chartControl1.Series[0].Properties["BodyDownswingBackdrop"] = new Backdrop(Color.BlueViolet);
this.chartControl1.Series[0].Properties["BodyUpswingBackdrop"] = new Backdrop(Color.Navy);
this.chartControl1.Series[0].Properties["BoxSize"] = 3f;

Three Line Break Chart

A Three Line Break chart uses vertical boxes or lines to illustrate price changes of an asset or market. Movements are depicted with box colors and styles; movements that continue the trend of the previous box paint similarly while movements that trend oppositely are indicated with a different color and/or style. The opposite trend is only drawn if its value exceeds the extreme value of the previous three boxes or lines. The below Three Line Break depicts upward pricing movement with black boxes and downward pricing movement with red boxes.

Chart Information

Below is an example of how to set the custom chart properties at run time for a Three Line Break chart.

To write the code in Visual Basic.NET

With Me.ChartControl1.Series(0)
    .Properties("BodyDownswingBackdrop") = New Backdrop(Color.Red)
    .Properties("BodyUpswingBackdrop") = New Backdrop(Color.Black)
    .Properties("NewLineBreak") = 3
End With

To write the code in C#

this.chartControl1.Series[0].Properties["BodyDownswingBackdrop"] = new Backdrop(Color.Red);
this.chartControl1.Series[0].Properties["BodyUpswingBackdrop"] = new Backdrop(Color.Black);
this.chartControl1.Series[0].Properties["NewLineBreak"] = 3;