SciChart.js v3.1 is minor update to our JavaScript Chart Library which is backward compatible to version 3.0. Our team has added lots of features to improve SciChart, which are detailed below.

"Just Works" (no license required) for sandbox sites

No license is required for the sandbox environments like Codepen, JSFiddle and codesandbox. SciChart.js “Just Works” with a watermark. This is a step toward Community licensing which we are also working on.

Added global exports for npm, index.min.js

We’ve also added global exports for npm and an index.min.js for JS delivr CDN. This means:

All namespaces/imports are now just import { all, the, types } from “scichart”, for example:

// New syntax from 3.1 or later!
// import { all, the, things } from "scichart"
import {
  SciChartSurface,
  NumericAxis,
  FastLineRenderableSeries,
  XyDataSeries
} from "scichart";

When including SciChart.js from CDN you just need to add a script reference to https://cdn.jsdelivr.net/npm/scichart/index.min.js and import your types like this

// Syntax for importing types when using vanilla JS, no npm
const { 
  SciChartSurface,
  NumericAxis,
  FastLineRenderableSeries,
  XyDataSeries 
} = SciChart;

Thus the imports are unified between npm and non-npm applications and greatly simplified. No more worrying about what the import is or searching the documentation to find an import path.

Updated 60+ documentation pages to include Builder API and codepen embeds.

There are over 200 hand-written documentation pages for SciChart.js, 80 JavaScript chart examples and thousands of auto-generated TypeDoc pages showing how to use our library.

We’ve started working through these and updated around 60 out of 200 of the documentation pages to have better example code, re-checked the example code and ensured each contains a JavaScript example plus a builder-API example. Plus, a codepen embedded example which you can edit in browser.

Updated all demos to include contextual documentation and codesandbox links

If you head over to demo.scichart.com and click on any SciChart.js demo, you’ll now see a new toolbar at the top of the page.

• Click on the Docs button to view contextual documentation for this demo.
• Click on the Github button to view contextual source-code for this demo.
• Click on the Code Sandbox button to see some real magic. This extracts the specific source-code for this example into a stand-alone codesandbox.io project.

Added a ChartTitle property to SciChartSurface

Many of our examples at demo.scichart.com used Annotations to create a pseudo chart title. In SciChart.js v3.1 we’ve added a chart title property. All the demos have been updated to reflect this.

See the Chart Titles documentation page for more information.

CustomChartModifier, CustomChartModifier3D

A quick & Simple change, we’ve added a type CustomChartModifier2D and CustomChartModifier3D so you can create custom modifiers in codepen, or when using the index.min.js (not npm). The reason for this is ChartModifierBase type is abstract, and cannot be instantiated in vanilla javascript.

Performance Optimisations

Big Data Performance has been improved yet again by optimising two things:

• We've adjusted sanity checks in the SciChart.js library to allow loading big-data charts 50% - 100% faster
• We've cached Axis titles and enabled Native-text on axis titles to improve a performance bottleneck

Other Minor enhancements

Many bugs and minor improvements have been added to the library. Find out more at the release note below.