layout.skipToContent

How to add images to a barchart

This tutorial demonstrates how to add images to your barchart using 23degrees.

applicationUI.publishedAt 6 mai 2026
1. Open Chart Customization

Go to chart editor.

Open Chart Customization
Open Chart Customization
2. Click "Images"

Click "Images".

Click 'Images'
Click 'Images'
3. Click "Customize bar"

Click "Customize bar".

Click 'Customize bar'
Click 'Customize bar'
4. Click the bar you want to customize

Click the name of the bar you want to customize.

Click the bar you want to customize
Click the bar you want to customize
5. Expand settings

Expand settings.

Expand settings
Expand settings
6. Click "Choose"

Click "Choose" to select an image

Click 'Choose'
Click 'Choose'
7. Add image

Choose a picture from your Media Explorer or click "+" to upload a new image.

Add image
Add image
8. Crop image and click "Ok"

If you add a new picture to your media library, you can crop it - if necessary - and click "Ok".

Crop image and click 'Ok'
Crop image and click 'Ok'
9. Customize placement

Click here to customize the placement of the picture inside the chart.

Customize placement
Customize placement
10. Position image

Customize the position of your image. "Flow" means that the image will not overlap the values in the charts but automatically keep a distance from them. If you use "Absolute", you can change the padding from the edge of the bar by typing in the distance in the fields for "Right" and "Left". Repeat these steps to add images to the other bars.

Position image
Position image
11. Save Changes

Don't forget to save your changes.

Save Changes
Save Changes

You have successfully added images to your barchart.