JavaScript Chart Examples
SciChart.js ships with ~40 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.
Tips!
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'.