Pre loader

Using Rollover Modifier Tooltips

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 create tooltips on mouse-over using SciChart.js, High Performance JavaScript Charts

Demonstrates using the RolloverModifier, part of the ChartModifier API, to add mouse-over feedback of data-points on time-series to the user.

This can be used to add Tooltips to a JavaScript chart as well as create Active legends which update 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!

UsingRolloverModifierTooltips/index.tsx
View source code
Back to JavaScript Chart Examples

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New

Try SciChart Today

Start a trial and discover why we are the choice
of demanding developers worldwide

Start TrialCase Studies