Pre loader

Rotated Labels and Alignment

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 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.

Tips
Rotation is is degrees clockwise.
All axes and label providers support rotation.

 

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New