Announcing LightningChart JS v8.3
Introducing new product features, visual quality, performance, and dev experience improvements.
New Product Features
LightningChart JS v8.3 introduces new product features. Here’s an overview:
Introducing the Sunburst Chart
In this 8.3 release, LightningChart JS introduces the sunburst chart used for displaying hierarchical data as a series of aligned rings. Each ring represents a different level in the hierarchy, where each segment is sized proportionally to its value. By introducing the Sunburst chart, LightningChart JS now makes it easier to explore part-to-whole relationships simultaneously across multiple levels.
Built-in Axis Zebra Stripes
LightningChart JS 8.3 introduces a built-in axis zebra stripes feature that has been requested by some users. Previously, users would have to implement this feature themselves by using Axis bands or other components. The built-in axis zebra stripes highlight axis value progression with a linear stepping pattern.
const oneDay = 24 * 60 * 60 * 1000 // 1 day in milliseconds
axis.setZebraStripes({
getLayout: () => ({ step: oneDay, start: new Date().getTimezoneOffset() * 60 * 1000 }),
})
Visual Quality Improvements
In this release, we are introducing Text Color Contrast Improvements that enhance the engine capabilities for displaying text borders for improved contrast in situations where text is above colorful data. Users can enjoy improved color contrast simply by updating to the latest library version.
Built-in Chart Opacity Filter
We’re introducing a simple method for controlling the global opacity value of specific charts, useful for adding fade-in / fade-out animations. In simple use cases, you could already do this using CSS, but in more complicated apps where shared canvas rendering is used, CSS opacity animations are not an option.
chart.engine.setOpacity(0.5)
Performance Improvements
Just when you thought that LightningChart JS could not get any faster, version 8.3 introduces Multi-threading Performance Optimizations as a built-in functionality to make your charts even snappier. With the new multi-threading performance optimizations, it is now possible to load your charts ~6 times faster and delegate all heavy CPU processing to a non-UI thread. In simple terms, multi-threading removes all the lag!
By using multi-threading, we were able to load an absolutely massive data visualization with 40 channels and 10 million data points each in just above 1 second. And you can zoom in/out/reload data without any lag.
Developer Experience Improvements
Rectangle Series Histogram Usability Improvements
This new version adds a convenience method to alter cursor behavior with RectangleSeries to make utilization in Histogram-type (and other) applications easier. Previously, users had to add a custom cursor and position the cursor programmatically to achieve the same.
// Override default cursor in order to position cursor at the top-center of each bar, rather than default position (center of rectangle)
rectSeries.setCursorBehavior({
location: (info) => ({ x: (info.x1 + info.x2) / 2, y: info.y2 }),
})
New Interactive Examples
JavaScript Drill-Down Nord Pool Map Dashboard
This dashboard visualizes day-ahead market data from the Nord Pool energy exchange. It provides a geographic overview of the next day’s planned power generation across the Nordic-Baltic region.
Sunburst Chart Dashboard
This dashboard combines a regional map with embedded sparkline-style charts, a sortable summary table with status indicators, a dual-axis chart pairing stacked columns with an overlaid line series on a shared time axis, and a row of toggle chips for filtering.
Get started with LightningChart JS v8.3
To learn more about this release, visit the documentation. To see the full list of changes and improvements, see the full changelog.
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.
