How to shade areas between lines
To shade areas between lines in our Line, bar pie template,
1
Go to the
Lines, dots and area settings
2
Go to the
Shade between lines section and toggle on
Shade areas between lines
3
Enter the two lines you would like to shade between, separated by two colons. Here's an example:
Line 1 :: Line 2
4
You can supply the color which you would like to shade in your syntax or via the settings. If you'd like to shade separate areas differently, you will have to do it via the syntax. If you only have one shaded area, you can do it via the settings. Here's an example of the syntax specifying the color and opacity:
Line 1 :: Line 2 :: red :: 0.1
Line 2 :: Line 3 :: green :: 0.2
Line 3 :: Line 4 :: purple :: 0.3
Here's what this looks like in a visualization:
For confidence intervals
1
If you'd like to use the area shading as a way of adding confidence intervals, you might not necessarily want a line for the upper and lower limit, but just the area. To achieve this, you can keep the shaded areas but hide the lines by supplying a transparent color override for them. To do this follow the steps in the sections above to, then go to the
Colors settings and supply a color override of
rgba(0,0,0,0) for the lines you would like to hide.
You can learn more about color overrides here: https://help.flourish.studio/article/91-how-to-customize-colors
Here's what that looks like in a visualization:
When doing this, you will probably want to make sure your popups don't pull through the colors of your series, as these would be transparent in this case. You can do this in the
Popups settings by deselecting
Color headers to match dat
a.
