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.

Rotated Labels and Alignment

Demonstrates how to use Rotation and Alignment of Axis Labels with SciChart.js, High Performance JavaScript Charts

This example uses rotation to create vertical labels so as to fit more onto a x axis. Y axis uses right aligned labels so decimals are nicely aligned.

maxAutoTicks has been increased to force more major gridlines to be rendered, and minor gridlines have been turned off. The default label alignment is Auto, meaning that labels will be aligned closest to the axis.


Rotation is is degrees clockwise.

All axes and label providers support rotation.

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