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

Multi-line and Rotated Text labels

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.


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;

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