Pre loader

JavaScript Chart Editable 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 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

Tips
Setting only one property isEditable give you access to change annotation

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New