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

Vertical Charts

Demonstrates how to create a rotated JavaScript Chart with vertical X-Axis using SciChart.js, High Performance JavaScript Charts

Demonstrates a vertical chart with XAxis on the Left and YAxis on the Top. SciChart.js supports unlimited X and Y axis and allows placement of any axis on the Left, Right, Top, Bottom of the chart.


The vertical chart, popular in Oil & Gas, Geo-surveying, is created by setting xAxis.axisAlignment = Left, and yAxis.axisAlignment = top.

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

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