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.

JavaScript Chart Editable Annotations

Demonstrates how to edit Annotations (shapes, boxes, lines, text, horizontal and vertical line) to a JavaScript Chart using SciChart.js, High Performance JavaScript Charts

An introduction to the Annotations Editable API in SciChart.js, which allows SVG elements or custom WebGL rendered elements to be editable over the chart at specific X,Y data-values.

SciChart annotations are available for drag and drop, such as LineAnnotation, BoxAnnotation, TextAnnotation, HorizontalLineAnnotation, VerticalLineAnnotation, CustomAnnotation


Setting only one property isEditable give you access to change annotation

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