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.
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.
Tips
News/Event bullet annotations use AnnotationBase. yCoordinateMode = ECoordinateMode. RelativeY to always place the event bullet at the bottom of the chart.