Docs: add documentation for new stacking option in Time series panel (#33023)

* Docs: add documentation for new stacking option in Time series panel

* Update docs/sources/panels/visualizations/time-series/graph-time-series-stacking.md

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>

* Post review update

* review 2

* Update docs/sources/panels/visualizations/time-series/graph-time-series-stacking.md

* Update docs/sources/panels/visualizations/time-series/graph-time-series-stacking.md

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>

* Update docs/sources/panels/visualizations/time-series/graph-time-series-stacking.md

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>

* Update docs/sources/panels/visualizations/time-series/graph-time-series-stacking.md

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>

* Update docs/sources/panels/visualizations/time-series/graph-time-series-stacking.md

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>

* Update docs/sources/panels/visualizations/time-series/graph-time-series-stacking.md

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>
This commit is contained in:
Dominik Prokop 2021-04-26 17:44:28 +02:00 committed by GitHub
parent 36d3c053a9
commit fffa8ad8de
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -0,0 +1,62 @@
+++
title = "Graph stacked time series"
keywords = ["grafana", "time series panel", "documentation", "guide", "graph"]
weight = 400
+++
# Graph stacked time series
> **Note:** This is a beta feature. Time series panel is going to replace the Graph panel in a future release.
This section explains how to use Time series panel field options to control the stacking of the series and illustrates what the stacking options do.
_Stacking_ allows Grafana to display series on top of each other. Be cautious when using stacking in the visualization as it can easily create misleading graphs. You can read more on why stacking may be not the best approach here: [Stacked Area Graphs Are Not Your Friend](https://everydayanalytics.ca/2014/08/stacked-area-graphs-are-not-your-friend.html).
Use the following field settings to configure your series stacking.
For more information about applying these options, refer to:
- [Configure all fields]({{< relref "../../field-options/configure-all-fields.md" >}})
- [Configure specific fields]({{< relref "../../field-options/configure-specific-fields.md" >}})
Some field options will not affect the visualization until you click outside of the field option box you are editing or press Enter.
## Stack series
Turn series stacking on or off.
![Stack series editor](/img/docs/time-series-panel/stack-series-editor-8-0.png)
### Off
Turn off series stacking. A series will share the same space in the visualization.
![No series stacking example](/img/docs/time-series-panel/stacking-off-8-0.png)
### Normal
Enable stacking series on top of each other.
![Normal series stacking example](/img/docs/time-series-panel/stacking-normal-8-0.png)
## Stack series in groups
The stacking group option is only available as an override.
For more information about creating field overrides, refer to [Add a field override]({{< relref "../../field-options/configure-specific-fields.md#add-a-field-override" >}})
Stack series in the same group. In the Overrides section:
1. Create a field override for **Stack series** option.
![Stack series override](/img/docs/time-series-panel/stacking-override-default-8-0.png)
1. Click on **Normal** stacking mode.
1. Name the stacking group you want the series to appear in. The stacking group name option is only available when creating an override.
![Stack series override](/img/docs/time-series-panel/stack-series-override-editor-8-0)
A-series and B-series stacked in group A, C-series, and D-series stacked in group B:
![Stacking groups example](/img/docs/time-series-panel/stack-series-groups-8-0.png)