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.
Tips!
The hitTest function accepts parameters to control the hit-test logic. See the documentation on Hit-Testing for more info!
Featured Apps
Performance Demos
Medical Charts
2D Charts
JavaScript Chart Types
JavaScript Line ChartJavaScript Spline Line ChartJavaScript Digital Line ChartJavaScript Band ChartJavaScript Spline Band ChartJavaScript Digital Band ChartJavaScript Bubble ChartJavaScript Candlestick ChartJavaScript Column ChartJavaScript Error Bars ChartJavaScript Impulse ChartJavaScript Fan ChartJavaScript Heatmap ChartJavaScript Heatmap Chart With ContoursJavaScript Mountain ChartJavascript Spline Mountain ChartJavaScript Digital Mountain ChartJavaScript Realtime Mountain ChartJavaScript OHLC ChartJavaScript Scatter ChartJavaScript Stacked Column ChartJavaScript Stacked Column Side by SideJavaScript Stacked Mountain ChartJavaScript Pie ChartJavaScript Donut Chart
Chart Annotations
Create Stock Charts
Chart Legends
Chart Axis APIs
Axis Label Customization
Styling and Theming
Tooltips and Hit-Test
Zoom and Pan a Chart
Transforming Data with Filters
3D Charts
JavaScript 3D Chart Types
Quick Links
Useful Links
SciChart Ltd, 16 Beaufort Court, Admirals Way, Docklands, London, E14 9XL.