We’ve moved over to a new format for communicating our releases and updates of our high performance JavaScript Charts library, by publishing a rolling changelog of every fix or enhancement in SciChart. You can find the changelogs in the top menu at Developers -> Changelogs -> SciChart JS ChangeLog
What’s New in v3.5 of SciChart’s JS Charts?
It’s only been a month since our last feature-packed release, and we have more good news for users of SciChart.js today. v3.5.687 contains new features & fixes. Read on to find out what’s new, and where to get it!
New Features since v3.4
- 3D Column Charts
- Breaking change: Updated SciChartDefaults.enableResampling to debugDisableResampling
- Significant performance improvements when yAxis.AutoRange enabled
- Spline series and RenderDataTransforms now support FIFO
- Updated documentation pages & tutorials
1. 3D Column Charts
Requested multiple times on the forums, JavaScript 3D Column Charts have been ported from our WPF (Windows) charts to JavaScript.
The 3D Column or Bar chart type allows placing an arrays of columns/bars at discrete Xyz values on a chart. Each column can be uniquely coloured using vertex colors. Column heights can be animated or updated dynamically.
Try out the live demo below!
Above: The JavaScript / React 3D Column Chart example in the SciChart.js demo
Official documentation for the ColumnRenderableSeries3D can be found here. Typedoc API docs can be found here.
2. Breaking change: Updated SciChartDefaults.enableResampling to debugDisableResampling
A naughty competitor to SciChart has published a set of performance tests disabling our resampling algorithms and using this to claim that they have the fastest JavaScript chart! So, we’ve updated the property SciChartDefaults.enableResampling
to SciChartDefaults.debugDisableResampling
.
You must now specifically set this property to true to disable our visually lossless, sophisticated time-series compression algorithms application wide.
We’ve also published a documentation page talking about resampling, before/after images and adjusting precision here, plus updated the typedoc comments for this property. There is no need to disable resampling in production apps or performance tests, and should only be used in debug mode.
Documentation on what is data-resampling, the before/after results and how to tune precision can be found here.
3. Significant performance improvements when yAxis.AutoRange enabled
Thanks to competitor performance comparisons we’ve identified that yAxis.autoRange
was a bottleneck in big-data real-time charts, so we’ve enabled an optimisation to re-use the result of other data operations and cache yAxis ranges where necessary.
The result is a 30-50% performance improvement for rendering of big-data charts with frequent updates.
No changes need to be applied in your code to benefit from this enhancement, just update the SciChart.js version to v3.5.
Official documentation for SciChart.js autorange modes can be found here.
3. Spline series and RenderDataTransforms now support FIFO
Finally, we’ve enabled FIFO (first-in-first-out) mode for series which use RenderDataTransforms
– and this includes our SplineLineRenderableSeries
.
FIFO (first-in-first-out) mode is a special mode of the DataSeries
in SciChart which allows you to efficiently scroll a chart and discard old data, specifically useful in the case of real-time sensor monitoring applications.
Until now SplineLineRenderableSeries
did not support this mode. Just update the SciChart.js library to enable this feature in your app.
You can learn more about DataSeries realtime updates, FIFO modes including scrolling & sweeping at the documentation page here. SplineLineRenderableSeries is covered in the docs here.
5. Updated Documentation Pages
In an ongoing commitment to provide the Best JavaScript Charts – we are continually updating our documentation, code examples and developer resources.
The following documentation pages have been added/updated since the last release:
- DataResampling documentation has been updated to include info about resamplingPrecision, and before/after images of resampling applied to various datasets.
- Column 3D Chart documentation has been added.
- Updated all Tutorials – to use SciChart.js v3.x and updated tutorial text and code-samples throughout.
- Updated Tutorial – how to include SciChart.js from CDN using JSDelivr
- New Tutorial – how to include SciChart.js index.min.js and wasm files locally (without package manager)
Where to get it
SciChart.js v3.5 is available by:
Developers – Node/WebPack
Check npm for the latest version.
Don’t forget to see our Tutorials on setting up Npm projects with Webpack!
Developers – Browser Script
For developers using vanilla JavaScript (no Node Package Manager), you can load SciChart.js directly in browser from JSDelivr CDN. Add this script to your Html head and away you go.
// Add this script to head. // For Prod we recommend setting a specific version number // Include script from https://www.jsdelivr.com/package/npm/scichart <script src="https://cdn.jsdelivr.net/npm/scichart@3/index.min.js" crossorigin="anonymous"></script> // Import your types const { SciChartSurface, NumericAxis, FastLineRenderableSeries } = SciChart; // Now Configure SciChartSurface in code to load the wasm file from CDN SciChartSurface.useWasmFromCDN(); // Now create a SciChartSurface as you would normally! const { sciChartSurface, wasmContext } = await SciChartSurface.create("div-id");
Related Posts