Skip to main content

Fill Areas Between Lines In Line Chart Visualization

This tutorial demonstrates how to fill the areas between lines in a line chart.

Published at May 6, 2026
1. Open the Chart Editor

Open the Chart Editor

Open the Chart Editor
Open the Chart Editor
2. Click "Line styling"

Click "Line styling"

Click 'Line styling'
Click 'Line styling'
3. Add fill area

Click "Add fill area".

Add fill area
Add fill area
4. Select first line

To fill the area between two lines, select one of the lines from the dropdown

Select first line
Select first line
5. Select second line

Next, select the second line.

Select second line
Select second line
6. Select colour

After you have selected the lines, choose the colour you want to fill the area with.

Select colour
Select colour
7. Select opacity

If you want to, you can also select an opacity for the area.

Select opacity
Select opacity
8. Repeat steps

To fill another area, click "Add fill area" again and repeat the steps.

Repeat steps
Repeat steps
9. Repeat steps

You can choose a colour and opacity for every area.

Repeat steps
Repeat steps
10. Save changes

When you're done, don't forget to save your changes.

Save changes
Save changes

You have successfully filled the areas between lines in your line chart.