JavaScript Chart Examples

SciChart.js ships with ~60 JavaScript Chart Examples which you can browse, play with, view the source code and see related documentation. All of this is possible with the SciChart.js Examples Suite, which ships as part of the SciChart.js SDK

Reusable Templates using Shared Data

Demonstrates how to use the Builder Api to create Reusable Chart Templatesusing SciChart.js, High Performance JavaScript Charts

The Builder Api offers a way to pass data to the chart that cleanly separates the data from the chart definition.

This allows data to be reused in the chart, but more importantly allows the data and the chart definition to be built separately and then combined with ease.


To deserialize a definition before adding data, use JSON.parse(jsonString, chartBuilder.chartReviver)

To convert a chart to a definition without data, use sciChartSurface.toJSON(true)

Data will be serialized to the individual series if the resulting chart is serialized

2D Charts
Chart Legends
SciChart Ltd, 16 Beaufort Court, Admirals Way, Docklands, London, E14 9XL.