Posted by Andrew Burnett-Thompson on 20 May 2022 03:08 PM
We are pleased to announce that the SciChart.js v2.2 build 2378 has now been released!
This backward-compatible update includes a number of new features, improvements and bug-fixes.
This release is a drop-in replacement and it is backward compatible for users of SciChart.js version 2.
What’s New in SciChart.js v2.2?
New! Oil & Gas Showcase Demo
DataVisualization in the Oil & Gas Industry using SciChart
We call this an Impulse Chart, but another name is Stem Chart or Lollipop Chart. This chart type is a thin stem with a pointmarker at the top. Common when visualising trends, or in pharmaceutical, scientific and electronics industries.
Error Bars were a hot feature-request and are now in the SciChart.js library v2.2 and above. Error values can be set per-datapoint and can be styled and sized according to available space or by exact pixel amounts. Error bars can be set horizontally, vertically or both and work on linear and logarithmic axis.
Pie Charts have Animated Updates
One of our customers pointed out that Pie Charts could not be updated. So we added updates, but we also added animated updates!
Pie Charts have customisable Labels (SCJS-1110)
The self same customer (if you don’t ask you don’t get) also requested label customisation. So we added various ways to customize pie chart and donut chart labels.
Stacked Mountain charts now support PaletteProvider
While building the Oil & Gas dashboard demo, we discovered Stacked Mountain series did not support Paletteprovider – the API feature where you can colour segments of the chart programmatically. So we’ve added this.
You can find a demo of StackedMountain Paletting and code sample here.
Draw Series behind Axis
A customer requested (you don’t ask don’t get!) if SciChart.js can draw the series behind axis. Answer is, by setting this new flag, yes!
Axis Background Color
The same customer asked if we could add a background colour to axis. You asked, we delivered!
See the Axis Styling documentation here.
Allow placing Tooltip Outside Chart (SCJS-1093)
We’ve added the ability to place a tooltip (such as RolloverModifier) outside the chart area. To do this set the divElement ID on the RolloverModifier properties.
See the RolloverModifier Documentation here.
Get notification on legend row checkbox click
We’ve added two features to allow you to be notified when a legend item is clicked or when a series.isVisible property changes.
Added UseWasmFromCDN() Function to SciChartSurface
Packaging Webassembly (wasm) files with your application can be tricky. We’ve provided methods to do this in a number of apps (like React, Angular etc) but sometimes the simplest method is just load and download it from a CDN.
Check out our new documentation page which covers the options: Deploying Wasm (WebAssembly) and Data Files with your app.
Added option to SciChartSurface.create() to pass in target HTML node instead of div ID
SciChartSurface.create() now accepts an HTMLDivElement or string div ID. So you can pass the HTML node instance directly to the chart instead of an ID. This allows SciChart.js to work in a shadow DOM and is a little syntactic sugar for your applications.
See the SciChartSurface.create() documentation here.
CategoryAxis allows rendering without data
In this release we’ve added properties to a CategoryAxis to let you set defaults so the chart can render empty before data has been added.
See the CategoryAxis documentation page here.
Finally, we’ve added a new Axis Type to properly handle dates. The NumericAxis and CategoryAxis will handle dates by adding date formatting for labels. However this doesn’t address all the issues when handling dates instead of numbers on an axis.
So, to resolve this we created a dedicated NumericDateTimeAxis type.
Bug Fixes & Improvements
Pricing & Licensing
Existing customers with an active support & updates subscription will get the update for FREE.
For new customers or prospects, please contact our sales team and we will be happy to help!
How to get SciChart.js v2.2
Developers – Node/WebPack
Don’t forget to see our Tutorials on setting up Npm projects with Webpack!
Developers – Browser Script
Developers – Getting Started Guides
We’ve collected all the links to help you get started under scichart.com/downloads. Go there and take a look. If you have any questions just ask!