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
Which JavaScript Chart Library Do AI Coding Agents Actually Recommend, and Does It Matter?
In this article Why AI coding agents have strong library preferences What the defaults actually are (and the data behind them) When the defaults work fine When they quietly fail you What to do instead: giving your agent better information The keyword angle nobody is...
How to Set Up LightningChart JS in Cursor and Claude Code Using MCP, in Under 5 Minutes
A step-by-step guide to installing the LightningChart JS MCP server so your AI coding agent stops hallucinating chart APIs and starts writing production-ready code from the first prompt. AI coding agents are good at writing chart code. They are less good at writing...
The LightningChart JS Agent Skill: Give Any AI Coding Agent Accurate Charting Knowledge in 60 Seconds
An agent skill is a folder of instructions your AI coding tool picks up automatically. This one teaches any compatible agent how to use LightningChart JS correctly, before it writes a single line of chart code. Agent skills are a relatively new concept and the...
Why AI Coding Agents Get Data Visualization Wrong, and What to Do About It
AI coding assistants are getting good at most parts of application development. Data visualization is one of the areas where they still have a consistent, predictable failure mode. This article explains the mechanics of why it happens and the practical fix. I spent a...
