layout.skipToContent

How to add and customize annotations in Line Charts

applicationUI.publishedAt 6 maggio 2026
1. Introduction

This tutorial will teach you how to add annotations to your linechart.

Introduction
Introduction
2. Open Linechart Editor

Open your linechart and click on the Linechart Editor.

Open Linechart Editor
Open Linechart Editor
3. Open Annotations

Click "Annotations".

Open Annotations
Open Annotations
4. Add Annotation

Click "Add annotation". An annotation will appear below "Global label".

Add Annotation
Add Annotation
5. Click "Annotation text"

Click "Annotation text" to edit the annotation

Click 'Annotation text'
Click 'Annotation text'
6. Enter your annotation

Type in your annotation text.

Enter your annotation
Enter your annotation
7. Place Annotation

Once you have entered the text, you can click it and drag it where you want it to be in your chart.

Place Annotation
Place Annotation
8. Repeat steps to add further annotations

To add another annotation, click "Add annotation" and repeat the steps.

Repeat steps to add further annotations
Repeat steps to add further annotations
9. Customize annotations

To customize the design of your annotations, click "Global label".

Customize annotations
Customize annotations
10. Edit Box

To edit the box around your annotations, click here.

Edit Box
Edit Box
11. Edit arrow

Click "Draw Connecting Line" to edit the arrow next to your annotation. You can also deactivate it.

Edit arrow
Edit arrow
12. Edit legend on mobile

Click here to edit what the annotations look like when a user looks at the linechart on their phone.

Edit legend on mobile
Edit legend on mobile
13. Edit legend on mobile

Click here to edit what the annotations look like when a user looks at the linechart on their phone.

Edit legend on mobile
Edit legend on mobile

You have added and customized multiple annotations on your line chart.