Pre loader

Trading Buy Sell Marker Annotations

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 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.

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New