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.

Using CursorModifier Crosshairs

Demonstrates how to create crosshairs on mouseover using SciChart.js, High Performance JavaScript Charts

Demonstrates using the CursorModifier, part of the ChartModifier API, to add a cursor and tooltips which tracks the mouse.

This can be used to add Tooltips to a JavaScript chart as well as draw cursors (crosshairs) and axis labels values as the user moves the mouse.


The hitTest function accepts parameters to control the hit-test logic. See the documentation on Hit-Testing for more info!

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