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

Drag Axis to Scale or Pan

Demonstrates how to scale or pan the Axis on a JavaScript Chart using SciChart.js, High Performance JavaScript Charts

Demonstrates how to add behaviour to scale, zoom or pan a chart by dragging the X or Y Axis on the chart. Try it out below! Drag an axis to watch the chart re-scale.


Try dragging an axis to zoom or pan the axis. Double clicking the chart resets the zoom!

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