In this LightningChart JS Trader v3 release, we decided to improve how technical indicators are added to the charts. Previously, a separate chart was created below the main chart unless the indicator was an overlay.

Now, indicators added to the same chart are separated with a horizontal splitter line. Dragging the splitter line allows resizing the indicator segments and the main chart. This change also allows displaying drawing tools on the indicator segments.

Various events have been added to the Trader library. They can be used by subscribing to them in code. The following events are now available:

• onXAxisRangeChanged/onYAxisRangeChanged – Triggers when the range of the respective axis changes for instance because of zooming or panning.
• onDataModified – Triggers when the current dataset is modified due to adding or removing data points or changing the whole dataset.
• onChartClicked – Triggers when the chart is clicked. The event returns the clicked point in screen coordinates and axis values, as well as the button used for the click.
• onDrawingToolMoved – All drawing tools have this event. It triggers when the position of the drawing tool is modified.

Zooming and panning behaviour has been reworked to be more in line with other trading platforms, and to allow more configuration options for the users.

• It is now possible to change how zooming and panning work, for example which axes are affected, and which mouse button is used for that particular action.
• Zooming and panning can now be restricted to the current dataset’s X- and Y-range.
• Double-clicking the chart now restores the default view (all added data visible).
• Zooming and panning are more segment specific when indicators have been added to the chart.

Zooming and panning configurations can be found under a new section in the settings menu. These settings can also be modified in code.

It is now possible to configure the background colors beyond the pre-defined themes. Solid color fill, linear and radial gradients, as well as image fill options are available. Background settings can be found in the Background section of the color settings menu.

Respective methods have been added to the code. Note that image fill can only be set in code. In addition, the glow effects on all chart elements can be switched on and off.

Gann Box and Gann Fan drawing tools have been added to the library. They can be found under a new Gann tools category in drawing tool menu.

Gann Box

Gann Fan

• Chart title can be hidden.
• Several menu elements can now be hidden.
• Correlation Coefficient indicator now works as intended.

Reading data from a .csv file via code is now done with loadCsvString and readCsvString methods. The former reads a csv file and loads it to the chart while the latter creates arrays based on the csv file but doesn’t add it to the chart. readCsvString can be found under HelperRoutines class.