Pre loader

Custom Types with Builder API

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 with Custom Types using SciChart.js, High Performance JavaScript Charts

Demonstrates how to make a custom PaletteProvider available for use with the Builder Api.

To use a custom type, you just need to register it using chartBuilder.registerType, with a name, and a function that will create an instance of your type. This example also shows how you can call methods within the builder api to get references to the objects being built, so you can update them later.

Tips
Custom types can have options which will be passed to the registered function.
Add a toJSON method to your custom type if you want it to be serialized

 

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New