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

Trading Buy Sell Marker Annotations

Demonstrates how to add Buy/Sell Markers (annotations) and News/Dividend bullets to a JavaScript Stock Chart using SciChart.js, High Performance JavaScript Charts

The Trade Markers demo uses the Annotations API to place CustomAnnotations rendering buy and sell or news bullet markers over a simulated price chart.

The CustomAnnotations are created and added using SVG to the sciChartSurface.annotations collection. They may be placed above or below candles with our helpful API.


News/Event bullet annotations use AnnotationBase. yCoordinateMode = ECoordinateMode. RelativeY to always place the event bullet at the bottom of the chart.

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