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.
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.
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.
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
The following tables show all the available properties and methods for the Aroon indicator.
LightningChart JS
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);
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 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.
Best OxyPlot Alternative in 2026: GPU Rendering, 3D Charts, Commercial Support
OxyPlot has been a reliable reference point in the .NET scientific and engineering charting space for over a decade. MIT-licensed, platform-neutral in its rendering model (which is how it achieves coverage across WPF, WinForms, Xamarin, Avalonia, and MAUI from a...
7 Best Plotly.js Alternatives in 2026: Faster, Lighter, No Context Limits
Plotly.js holds a unique position in the JavaScript charting ecosystem. Data scientists already know it from Python, when Plotly.py generates a chart in a Jupyter notebook, it's Plotly.js rendering it in the browser. That continuity between languages is genuinely...
7 Best Highcharts Alternatives in 2026: Faster, Cheaper, and More Capable
Highcharts has been a reliable workhorse for enterprise JavaScript charts since 2009. Solid documentation, broad chart type coverage, WCAG accessibility that's genuinely best-in-class. A lot of teams have built a lot of dashboards on it over the years. But teams also...
