Pre loader

Image 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 Images as Labels using SciChart.js, High Performance JavaScript Charts

SciChart JS v2 allows you to use anything as an axis label, even an image.

By default, the LabelProvider uses the size of the texture for layout, so we do not need to override the measurement functions here. However, if you want to allow your labels to overlap, you can do this by telling scichart they are smaller than they really are.

Tips
Label textures are automatically cached, so complex label rendering will not slow down your chart.

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New