Pre loader

Reusable Templates using Shared Data

JavaScript Chart - Examples

SciChart.js ships with over 80 JavaScript Chart demos which you can browse, view the source code and see related documentation. Build incredible complex dashboards with SciChart.js, our High Performance JavaScript Chart Library.

Getting Started

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.

Tips
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

 

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New

Try SciChart Today

Start a trial and discover why we are the choice
of demanding developers worldwide

Start TrialCase Studies