Pre loader

PointMetadata 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 add and use MetaData in a chart using SciChart.js, High Performance JavaScript Charts

Demonstrates the Metadata API, which allows you to associate custom data to each point, which can be displayed using cursor or rollover modifiers, or used to drive a palletprovider.

The metadata holds a text value and the value of the previous data point, which is used by the pallet provider to color increasing and decreasing parts of the chart.

Tips
MetaData can be anything that implements IPointMetadata. You do not have to assign metadata to every point.

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