Pre loader

Vertically Stacked Axes

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 a JavaScript Chart with Vertically Stacked Y axis using SciChart.js, High Performance JavaScript Charts

Stacked axes allow data to be drawn in different sections of the chart but still overlap. Zoom vertically using the mouse wheel, or by dragging individual axes. Right-click and drag to zoom horizontally. Double click to Reset

Tips
Make sure data series and annotations are bound to the correct axis.
You can also Horizontally stack top and bottom axes

 

VerticallyStackedAxes/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