JavaScript Chart Examples

SciChart.js ships with ~60 JavaScript Chart Examples which you can browse, play with, view the source code and see related documentation. All of this is possible with the SciChart.js Examples Suite, which ships as part of the SciChart.js SDK

Zoom and Pan with multiple Chart Modifiers

Demonstrates different Zoom and Pan Modifiers on a JavaScript Chart using SciChart.js, High Performance JavaScript Charts

Scroll Middle Mouse button to zoom in/zoom out. Use Right Mouse Button to select an area on the chart with RubberBandXyZoomModifier. Try it out on touch devices: use pinch zoom gesture to scale.


Use 'executeOn' property to assign a Modifier to specific mouse button.

Use 'easingFunction' property to animate zoom.

Use CSS 'touch-action' property to override browser default touch behavior. e.g., 'touch-action: none'.

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