Pre loader

Javascript Multi-line and Rotated Text labels

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 Multi-Line Text for axis labels using SciChart.js, High Performance JavaScript Charts

Demonstrates how to use arbitrary text for axis labels, rather than formatted data values, using the new TextLabelProvider. Click the buttons below the chart to see different arrangements.

TextLabelProvider provides an easy way to map tick values to text. It can also do word wrapping. Rotation is now available on all LabelProviders.

Tips
If some labels are not appearing, it is probably because there is not enough space for them. Sometimes adjusting the padding in the labelStyle can help.
To see how padding affects label placement try setting sciChartSurface.debugRendering = true;

 

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New