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.
Demonstrates how to zoom and pan with an Overview Chart using SciChart.js, High Performance JavaScript Charts
This examples shows how use SciChartOverview to quickly create an overview chart that contains a draggable box that controls the visible range of another chart
Drag the box to pan the main chart, and drag the handles of the box to resize it and zoom the main chart. Right click and drag on the main chart to zoom.
Tips
The overview is a normal sciChartSurface so you can add annotations to it, or customise it any way you want.
You can easily customise which series appear in the overview, and how they are rendered, with the transformRenderableSeries option.
You can also apply the overview to vertical charts.
