LightningChart JS Trader Logo

LightningChart JS Trader v.3.1 has been released! 

A release focused on quality-of-life improvements, bug fixes, and more. 

Npm registry 

Starting with version 3.1, LightningChart JS Trader is available for download from the public NPM registry. Previously, it was distributed via separate files sent by email. A valid license key (trial or purchased) is still required to use the library. Older versions will not be published on NPM. With this change, we are simplifying both updates and trial downloads. 

Transparent chart 

You can now set the chart to use a transparent background, making it easier to match the application’s background. Here is an example of a chart with a transparent background. The colors come from the underlying div-elements

LightningChart-JS-Trader-3.1-Transparent-Chart

Mountain gradient

The Mountain chart type can now be colored using a gradient fill. The coloring is based on the current line color and the enableMountainGradient() method can be used to switch the gradient on and off.

LightningChart-JS-Trader-3.1-Mountain-Gradient

Other features

Time range methods

We have added methods to get the exact time range on the chart (getTimeRange), and the current selected time range option (getTimeRangeSelection). Furthermore, zoomToRange was added to allow users to zoom to specific time ranges in code.

HTML text rendering 

Trading chart now uses HTML text rendering by default instead of WebGL texts used before. HTML texts are generally more visually appealing but may cause small decrease in performance especially when using large datasets. Therefore, it is still possible to switch back to WebGL text. This is done when creating the trading chart

const tradingChart = ta.tradingChart({ htmlTextRendering: false }) 

Menu options 

We have added the menuOptions() which contain methods to hide various settings from the menus. This can be useful if the end-users should not have access to all chart related settings. This affects only general settings and color settings menus and the main toolbar is unaffected. 

Example usage

tradingChart.menuOptions().showChartTitleInput(false) 

Clear everything method

Introduced an event, onClearEverything, which triggers when the chart is cleared. This happens either via pressing the “Clear Everything” button in the UI or by calling clearEverything() in code.

Bug fixes and improvements 

We have also added some notable bug fixes and improvements to the library, including: 

  • Problem with the space bar not closing menus anymore when typing in the input fields 
  • The menus work better now when the chart height is small 
  • Color pickers now appear next to the color button instead of the top-left corner. However, note that Firefox browser has still some issues with this. Furthermore, the default color in the color pickers now matches the current color in all cases. 
  • We also improved the accuracy of the data cursor 
  • The Zoomband chart height is now based on the main chart’s height, allowing it to scale better. 

Get LightningChart JS Trader