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.

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.