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

Chart Legends API

Demonstrates how to add a legend to a JavaScript Chart using SciChart.js, High Performance JavaScript Charts

Demonstrates how to add a Legend to a JavaScript Line Chart using SciChart.js. The legend is created when you add a LegendModifier type to the sciChartSurface.chartModifiers collection.

Legends may be placed in the top left, top right, bottom left and bottom right of the chart, and can be oriented horizontally or vertically. Each legend item takes its text from the dataSeriesName property


There are many different configurations for the legend, including fine grained control over the legend rows. Please review the API documentation below carefully for further information.

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