LightningChartHow to use the Aroon Technical Indicator in LightningChart Trader

ArticleLearn how to work with the Aroon indicator in the LightningChart JS Trader.

Written by a human | Updated on April 22nd, 2025

How to use Aroon?

Aroon technical indicator is used in trading charts and is designed to reveal if a stock is trending and to determine how strong that trend is. The Aroon technical indicator consists of two separate indicator lines: Aroon-Up measuring the uptrend and Aroon-Down measuring the downtrend.

This article will show you how to use Aroon indicator to easily add and configure it in trading chart applications built with LightningChart Trader for both .NET and JavaScript. For more general and theoretical information about the Aroon indicator, feel free to check my previous article about it.

how-to-use-Aroon

At the bottom of the chart, you can see the Aroon technical indicator (purple and orange lines).

Adding Aroon

There are two ways to add Aroon to a LightningChart Trader application: using the indicator menu in the top-right corner of the chart or creating the indicator using code. The indicator menu is the easiest way, but using it generates the Aroon indicator with the default settings.

If you need settings other than the default ones, the indicator needs to be modified after adding it. So, when creating the Aroon indicator using code, it is possible to generate it with any desired combination of settings.

Adding-Aroon

Aroon in the indicator menu, .NET on the left, and JS on the right. In JS Trader Aroon can be found under the Trend Indicators section.

Adding Aroon using code

In .NET, create Aroon and add it to chart’s indicator collection:

Aroon aroon = new Aroon();
_chart.Indicators.Add(aroon); 

In JavaScript, simply create the Aroon via the addAroon() method:

_chart.indicators().addAroon()

Modifying Aroon

Despite consisting of two separate lines, Aroon is a rather simple indicator to use. Still, it has some settings that can be used to modify its behavior as well as its visual appearance. The available settings and how to change them differ slightly between .NET and JS LightningChart Trader versions.

Currently, all the Aroon’s modifications in the .NET Trader must be made using code. In the LightningChart JS Trader, Aroon can be modified in code but also via the user interface, as there is a separate settings menu available.

When modifying the settings using code, the adjustable properties can be accessed at any time after the indicator object has been created. For example:

LightningChart .NET Trader

Aroon aroon = new Aroon();
aroon.PeriodCount = 25;
aroon.AroonUpLineColor = Colors.Yellow;
aroon.LineWidth = 2;
_chart.Indicators.Add(aroon);

LightningChart JS Trader

const aroon = chart.indicators().addAroon()
aroon.setPeriodCount(25)
aroon.setAroonUpLineColor('#FFFF00')
aroon.setLineWidth(2)

Notice that in the above .NET code, the settings are being modified while creating the Aroon indicator. However, this is not mandatory as the settings can be modified at any time after creating the indicator.

In the LightningChart JS Trader, the settings menu can be found in the top-left corner of the chart to which the Aroon indicator belongs. In most cases, this is one of the charts below the main price chart. The settings menu allows adjusting all the properties while running the application without writing any extra code.

JS-Trader-settings-menu

The settings menu in JS Trader. The menu opens when the Indicator settings button is pressed.

The following tables show all the available properties and methods for Aroon.

LightningChart .NET

Property
Type
Description
Property
AroonDownLineColor
Type
Color
Description
Changes the color of the Aroon-Down line
Property
AroonUpLineColor
Type
Color
Description
Changes the color of the Aroon-Up line.
Property
ID
Type
Color
Description
ID string for the indicator. Can be used to distinguish the indicator from another in case two or more indicators of the same type has been added to the chart.
Property
LimitYToStackSegment
Type
Boolean
Description
Controls whether Aroon is clipped outside the price chart area. Enabled by default.
Property
LineWidth
Type
Double
Description
Changes the width of the indicator lines.
Property
PeriodCount
Type
Integer
Description
Sets the time period count used to calculate the Aroon indicator.
Property
SegmentHeight
Type
Double
Description
Changes the height of the segment the Aroon belongs to. It is defined as height compared to other segments, not as a pixel value. Default SegmentHeight is 1.
Property
Title
Type
String
Description
Changes the title text of the indicator.

The following tables show all the available properties and methods for the Aroon indicator.

LightningChart JS

Method
Parameters
Description
Method
dispose()
Parameters
None
Description
Removes the Aroon indicator from the chart.
Method
getName()
Parameters
None
Description
Returns the indicator name as string.
Method
setAroonDownLineColor()
Parameters
String
Description
Sets the color of the Aroon-Down line. The color should be given in HEX format (e.g. #ffffff).
Method
setAroonUpLineColor()
Parameters
String
Description
Sets the color of the Aroon-Up line. The color should be given in HEX format (e.g. #ffffff).
Method
setLineWidth()
Parameters
Number
Description
Sets the width of all the indicator lines.
Method
setName()
Parameters
String
Description
Sets the name of the indicator.
Method
setOffset()
Parameters
Number
Description
Sets the offset in horizontal direction. This moves the indicator set number of time periods forward or backward.
Method
setPeriodCount()
Parameters
Number
Description
Sets the time period count used to calculate the Aroon indicator.

Removing Aroon

Removing the Aroon indicator from the chart is a simple process. Again, this can be done in code in both versions, as well as via the user interface in the LightningChart JS Trader.

In .NET, call the chart’s RemoveAndDisposeIndicator() method:

_chart.RemoveAndDisposeIndicator(aroon);
In JavaScript, call dispose() for the indicator:
aroon.dispose()

The above methods will remove the Aroon indicator and all references to it. In the LightningChart JS Trader, Aroon can also be removed via the Remove Indicator button in the top-left corner, next to the Indicator settings button. This button essentially does the same thing as calling dispose() in code.

Removing-Aroon

Removing Aroon indicator via the user interface in JS Trader.

Conclusion

The Aroon technical indicator is a straightforward indicator that helps traders identify stock trends and strengths. Using the LightningChart Trader, we saw how to easily manipulate the indicator within a chart: adding, editing, and removing it.

The way how to use Aroon indicator can be done via code or using the UI interface whether you’re using the .NET or JS Trader versions.

Aroon is one of the 100+ built-in technical indicators available in the LightningChart Trader chart library for creating financial and trading applications.

Lasse Portin Senior Developer

Lasse Portin

Senior Developer

LinkedIn icon
divider-light

Continue learning with LightningChart

High-Performance WPF Charts : The Truth

What about manufacturers’ claims about Fastest rendering charts? There are a lot of false marketing terms used in the industry, so we are going to tell the truth, based on facts that anyone can reproduce and verify.

No Results Found

The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.