Stacked Axes are a new API that allows stacking any number of X or Y axes on top of each other. Their use is intended for many channels on top of a shared Time Axis. Previously, a workaround involved creating several charts, and hiding and synchronizing the X-axes. But now, it is enough to create 1 chart and add as many Y-axes as needed.

Stacked Axes are easier to use, look better, and work more logically. They also offer better performance as they no longer require extra charts or hidden axes.

JavaScript Multi-Axis Layout

The new XY series has been available since the release of LightningChart JS v.5.1 and was initially developed based on user feedback. Now, we are proud to announce the full XY series upgrade:

• Massive performance upgrades to loading speed, maximum data capacity, memory consumption, and interactivity.
• New APIs for plugging data in more conveniently, with less processing in user applications, and several new capabilities such as editing data, reading back data, adding IDs to data points, getting a visible range of data, configuring max memory usage, and more.
• New series types: per data point colored line series, area series, spline series, step series, value lookup colored area series, spline area series, step area series.

• Improved user experience with automatic fitting to visible data only.

More information about the New XY Series can be consulted from the documentation.

Example of a Real-Time MP3 visualization

Treemap charts are now available for all users with an active subscription. This type of chart allows users to visualize hierarchical data within nested rectangles representing larger or smaller values, depending on their size. Treemap charts have a built-in drill-down functionality allowing users to display more depth. See all the treemap charts available.

Example of a JS Treemap chart.

In this release, the PointLineSeries and PolarPointSeries support two new features:

1. Custom icons can be used as a Point shape. This feature supports PNG files that can be added as custom icons that can be used in large or small amounts to axis coordinates, with fill styles, clipping, data cleaning, etc.

Example of using custom icons as Point shapes.

2. ImageFillStyle. Can be used to load custom warning PNG files and display them with their original colors.

Example of a PNG file used as a custom warning sign.

The difference between each approach is whether the coloring is applied via code or directly inherited from the PNG file. This v.5.2 release also supports using custom icons for legends, cursor result tables, and cursor point makers.

Now all the themes created with the LCJS Themes Generator support automatic gradients and effects that give a more impressive look and feel to your data applications.

The DataSetXY API was originally introduced in LCJS v.5.1.0, and is an API used for defining, appending, editing, and generally working with datasets for XY charts. In this version, we are expanding the use cases covered by the DataSetXY API:

• Fill: a method that allows you to load a single value for all existing samples in the dataset:

We have fixed the long initial animations that occurred when loading a time-series application. Although this issue was generally worked around by triggering the 'Axis.fit()' method, in some situations it was surprisingly difficult to achieve. Now, this issue has been fixed and requires no further modifications from the user.

All in all, LightningChart JS v.5.2 presents several new features, improvements, and chart types that enhance data application development, every previous release can be accessed in the changelog.