LightningChart JS v.8.0 has been released!
New product features, visual quality, performance, dev experience improvements, and more.
New Product Features
LightningChart JS v.8.0 introduces new product features. Here’s an overview:
Legend Rework
In this 8.0 release, we completely rebuilt how Legends work. We focused on a few main things:
- Better Chart Look: Legends now get out of the way of your data and fit better in the space available.
- Easier Setup: The settings for legends are simpler to learn and use, but also more powerful.
- More Built-in Options: We added more ways to use legends without extra work.
- Plugins for Customization: You can now add your own legend features using plugins, so you don’t have to start from scratch.
New legends now appear automatically below trends, though you also have the option to manually create multiple legends. You can choose from built-in or custom positions for your legends, and define their click behavior using either built-in or custom options. It is also possible to exclude specific series from legends when you create them.
For all the details about the Legend Rework update, see the migration guide.
// Set legend position to TopRight
chart.legend.setOptions({
position: LegendPosition.TopRight
});
// Set legend entry click behavior to focus clicked
chart.legend.setOptions({
entries: {
events: {
click: LegendEntryClickBehaviors.focusClicked
}
}
});
// Add a line series and hide it from the legend
const series = chart.addLineSeries({
legend: { show: false }
});Point Stroke API
PointLineAreaSeries, PolarPointSeries, and Point markers now support rendering a border stroke. This can be configured or disabled using the setPointStrokeStyle method.
Axis Title Positioning
In v8, the positioning of axis titles has been improved. Previously, axis titles were always centered on the axis itself. Now, a new center-chart position option has been introduced. This option is useful for better aligning axis titles in charts that have padding on specific sides. If a chart has only one X and one Y axis, center-chart is now the default positioning option.
Visual Quality Improvements
This version introduces Cursor point marker changes. We have changed the default style for the cursor point marker to a transparent circle which improves how the data value is highlighted. Here are two examples:
Improved Cursor Fitting for Small Charts
Cursor fitting has been improved for use cases with small charts. We’ve added more built-in logic to prevent situations where cursor content is not visible due to little available space.
DataSetXY Rework & Performance Improvements
V8 includes a variety of performance improvements. The most significant of these can be enabled by utilizing the new DataSetXY functionalities:
- Shared timestamps can reduce chart memory consumption by up to 2x.
- Separate data storage format configurations can further decrease memory consumption if some measurements do not require full 64-bit precision.
- Data mapping can massively speed up switching displayed channels and improve memory efficiency.
Racing Dashboard Demo: A Practical Example of DataSetXY
Our Racing Dashboard demo serves as a practical example of the new DataSetXY API’s benefits. In this demo, the dataset features shared timestamps across various channels like tire temperatures, velocities, and acceleration.
With the new DataSetXY API, only a single data set is created, and all data is pushed to it. Then, through data mapping, multiple series are connected to this same data set. This approach eliminates duplicate data and significantly reduces data input processing time.
More detailed information on this rework, which is mostly backwards compatible despite being a significant internal change, can be found in the migration guide under “DataSetXY and PointLineAreaSeries rework.”
Multi-Channel EEG Test Case & Further Performance Gains
In a multi-channel EEG shared timestamp test case, we successfully loaded data sets 8 times larger than before, reaching an incredible 8,000,000,000 data points. This is an unprecedented achievement in web data visualization.
Beyond the previously mentioned improvements, v8 also delivers additional out-of-the-box performance enhancements:
-
Real-time streaming line series CPU usage has been reduced by approximately 63%.
-
Real-time streaming scatter series CPU usage has been reduced by approximately 245%.
Developer Experience Improvements
Developers can now individually highlight different figures such as rectangles, polygons, segments, and text. Previously, figures belonging to the same series could only be highlighted all at once.
This is a significant improvement, particularly due to the performance benefits of not having to separate figures into many different series. It makes histogram use cases much more convenient to implement. We have also updated our online histogram example code to reflect this new capability.
LUT formatter
We have added a convenient centralized way to configure LUT units formatting, which affects how LUT values are formatted (i.e. decimal counts, units, etc.) in legends and cursors primarily.
new LUT({
steps: [
{ value: 0, color: ColorHEX('#000000') },
{ value: 100, color: ColorHEX('#ff0000') },
],
interpolate: true,
formatter: (value) => `${value.toFixed(1)} Hz`,
})Get started with LightningChart JS v.8.0
LightningChart JS 8.0 is a backward-incompatible version release, which means that some previous API syntaxes have changed. Users upgrading to version 8.0 may need to update their application code. We have prepared a detailed migration guide to assist with this transition.
See more news
React Charting Performance
Here's a scenario that plays out across development teams every few months. Someone builds a React dashboard, picks Recharts or Victory because they're popular, the devs love them, and the first demo looks great. Then the dataset gets bigger. Or the data starts...
Javascript Charting Library comparison 2026
Every year someone publishes a listicle of JavaScript charting libraries. They screenshot a demo, note the GitHub stars, paste in the npm install command, and call it a day. Then you follow their recommendation, get six months into your project, and discover that your...
Visualizing 10 Million Data Points in the Browser (2026): The Technical Deep-Dive
Ten Million Data Points in the Browser: How WebGL Makes Mass Datasets Interactive Ten million data points. That number used to mean a database problem, not a front-end problem. Now research teams want to explore it interactively in a browser. Trading desks want...
Elliott Wave Theory in Trading
Financial markets often appear chaotic, but many traders believe that price movements follow recurring patterns driven by human psychology. One of the most influential approaches based on this idea is the Elliott Wave Theory. Developed nearly a century ago, it remains one of the most widely studied methods of technical analysis.
If you have any questions, feel free to contact us!
©LightningChart Ltd 2026. All rights reserved.