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
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.
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
See more news
LightningChart .NET v.12.6.1
LightningChart .NET v.12.6.1 is out now!Features of LightningChart® .NET version 12.6.1In this release we added new features, made several improvements and fixed dozens of errors. We upgraded target framework (from .NET 8.0 to 10.0), added Universal-Data-Parser...
Trend Lines in Trading
Trend lines are among the simplest yet most powerful tools in technical analysis. They help traders visualize market direction, identify potential support and resistance levels, and make more informed trading decisions. Despite their simplicity, trend lines remain a...
Announcement: Baumer as LightningChart customer
Enabling High-Performance Visualization of Industrial Sensor Data with LightningChartDiscover how Baumer uses LightningChart to configure and visualize data from a wide variety of industrial sensors and create responsive, data-rich visualization...
Best Python Charting Library in 2026
Python's charting ecosystem is large, overlapping, and regularly misunderstood. Most comparison guides stop at Matplotlib, Plotly, and Seaborn. This one goes further: it covers what happens when your datasets grow large, your update rates increase, or your chart types...
