From b46715ee4a576e1d9699ad335aafe1eea127ac65 Mon Sep 17 00:00:00 2001 From: Diana Payton <52059945+oddlittlebird@users.noreply.github.com> Date: Fri, 4 Jun 2021 04:32:44 -0700 Subject: [PATCH] Docs: Time series panel update 8.0 (#35215) * Update text-panel.md * Update _index.md * content updates * Update _index.md * Update graph-time-series-stacking.md --- .../panels/visualizations/text-panel.md | 6 +-- .../visualizations/time-series/_index.md | 39 +++++++++---------- .../time-series/graph-time-series-as-bars.md | 4 +- .../time-series/graph-time-series-as-lines.md | 2 +- .../graph-time-series-as-points.md | 2 +- .../time-series/graph-time-series-stacking.md | 2 +- 6 files changed, 27 insertions(+), 28 deletions(-) diff --git a/docs/sources/panels/visualizations/text-panel.md b/docs/sources/panels/visualizations/text-panel.md index 87f219bad13..804aa9327f3 100644 --- a/docs/sources/panels/visualizations/text-panel.md +++ b/docs/sources/panels/visualizations/text-panel.md @@ -1,12 +1,12 @@ +++ -title = "Text panel" +title = "Text" keywords = ["grafana", "text", "documentation", "panel"] aliases = ["/docs/grafana/latest/reference/alertlist/", "/docs/grafana/latest/features/panels/text/"] weight = 1100 +++ -# Text panel +# Text -The text panel lets you make information and description panels for your dashboards. +The text panel visualization lets you make information and description panels for your dashboards. In **Mode**, select whether you want to use markdown or HTML to style your text, then enter content in the box below. Grafana includes a title and paragraph to help you get started, or you can paste content in from another editor. diff --git a/docs/sources/panels/visualizations/time-series/_index.md b/docs/sources/panels/visualizations/time-series/_index.md index b4d132d8fc9..aa8e322928f 100644 --- a/docs/sources/panels/visualizations/time-series/_index.md +++ b/docs/sources/panels/visualizations/time-series/_index.md @@ -1,36 +1,22 @@ +++ -title = "Time series panel" +title = "Time series" keywords = ["grafana", "graph panel", "time series panel", "documentation", "guide", "graph"] weight = 1200 +++ -# Time series panel +# Time series -> **Note:** Time series panel is going to replace the Graph panel in a future release. +> **Note:** Time series panel visualization is going to replace the Graph panel visualization in a future release. Time series panel is a robust visualization to plot time series data. It can render as a line, a path of dots, or a series of bars. This type of graph is versatile enough to display almost any time-series data. For Time series panel examples, refer to the Grafana Play dashboard [New Features in v7.4](https://play.grafana.org/d/nP8rcffGk/new-features-in-v7-4?orgId=1). -## Data and field options +> **Note:** You can migrate Graph panel visualizations to Time series visualizations. To migrate, open the panel and then select the **Time series** visualization. Grafana transfers all applicable settings. -Time series visualizations allow you to apply: +## Common time series options -- [Data transformations]({{< relref "../../transformations/_index.md" >}}) -- [Field overrides]({{< relref "../../field-overrides.md" >}}) -- [Thresholds]({{< relref "../../thresholds.md" >}}) - -You can also use field options to create different types of graphs or adjust your axes: - -- [Graph time series as lines]({{< relref "graph-time-series-as-lines.md" >}}) -- [Graph time series as bars]({{< relref "graph-time-series-as-bars.md" >}}) -- [Graph time series as points]({{< relref "graph-time-series-as-points.md" >}}) -- [Change axis display]({{< relref "change-axis-display.md" >}}) -- [Graph stacked time series]({{< relref "graph-time-series-stacking.md" >}}) - -## Display options - -> **Note:** You can migrate Graph panel visualizations to Time series visualizations. To migrate, on the Panel tab, click **Time series** visualization. Grafana transfers all applicable settings. (While in beta, migration is still being refined. It will get better as time goes on!) +These options are available whether you are graphing your time series as lines, bars, or points. {{< docs/shared "visualizations/tooltip-mode.md" >}} @@ -39,3 +25,16 @@ You can also use field options to create different types of graphs or adjust you ### Legend calculations Choose which of the [standard calculations]({{< relref "../../calculations-list.md">}}) to show in the legend. You can have more than one. + +## Graph styles + +Use these options to choose how to display your time series data. + +- [Graph time series as lines]({{< relref "./graph-time-series-as-lines.md" >}}) +- [Graph time series as bars]({{< relref "./graph-time-series-as-bars.md" >}}) +- [Graph time series as points]({{< relref "./graph-time-series-as-points.md" >}}) +- [Graph stacked time series]({{< relref "./graph-time-series-stacking.md" >}}) + +## Axis + +For more information about adjusting your time series axes, refer to [Change axis display]({{< relref "change-axis-display.md" >}}). diff --git a/docs/sources/panels/visualizations/time-series/graph-time-series-as-bars.md b/docs/sources/panels/visualizations/time-series/graph-time-series-as-bars.md index 19fc7cb55f5..20726224de1 100644 --- a/docs/sources/panels/visualizations/time-series/graph-time-series-as-bars.md +++ b/docs/sources/panels/visualizations/time-series/graph-time-series-as-bars.md @@ -13,8 +13,8 @@ This section explains how to use Time series field options to visualize time ser ## Create the panel 1. [Add a panel]({{< relref "../../add-a-panel.md" >}}). Select the [Time series]({{< relref "_index.md" >}}) visualization. -1. In the [Panel editor]({{< relref "../../panel-editor.md" >}}), click the **Field** tab. -1. In Style, click **Bars**. +2. In the [Panel editor]({{< relref "../../panel-editor.md" >}}) side pane, click **Graph styles** to expand it. +3. In Style, click **Bars**. ## Style the bars diff --git a/docs/sources/panels/visualizations/time-series/graph-time-series-as-lines.md b/docs/sources/panels/visualizations/time-series/graph-time-series-as-lines.md index 1da8aa4238d..5aa0fe27e4c 100644 --- a/docs/sources/panels/visualizations/time-series/graph-time-series-as-lines.md +++ b/docs/sources/panels/visualizations/time-series/graph-time-series-as-lines.md @@ -13,7 +13,7 @@ This section explains how to use Time series field options to visualize time ser ## Create the panel 1. [Add a panel]({{< relref "../../add-a-panel.md" >}}). Select the [Time series]({{< relref "_index.md" >}}) visualization. -1. In the [Panel editor]({{< relref "../../panel-editor.md" >}}), click the **Field** tab. +1. In the [Panel editor]({{< relref "../../panel-editor.md" >}}) side pane, click **Graph styles** to expand it. 1. In Style, click **Lines**. ## Style the lines diff --git a/docs/sources/panels/visualizations/time-series/graph-time-series-as-points.md b/docs/sources/panels/visualizations/time-series/graph-time-series-as-points.md index d51bff3af9d..f4887a834e3 100644 --- a/docs/sources/panels/visualizations/time-series/graph-time-series-as-points.md +++ b/docs/sources/panels/visualizations/time-series/graph-time-series-as-points.md @@ -13,7 +13,7 @@ This section explains how to use Time series field options to visualize time ser ## Create the panel 1. [Add a panel]({{< relref "../../add-a-panel.md" >}}). Select the [Time series]({{< relref "_index.md" >}}) visualization. -1. In the [Panel editor]({{< relref "../../panel-editor.md" >}}), click the **Field** tab.. +1. In the [Panel editor]({{< relref "../../panel-editor.md" >}}) side pane, click **Graph styles** to expand it. 1. In Style, click **Points**. ## Style the points diff --git a/docs/sources/panels/visualizations/time-series/graph-time-series-stacking.md b/docs/sources/panels/visualizations/time-series/graph-time-series-stacking.md index 2d6c96bcb84..d37705df13d 100644 --- a/docs/sources/panels/visualizations/time-series/graph-time-series-stacking.md +++ b/docs/sources/panels/visualizations/time-series/graph-time-series-stacking.md @@ -49,7 +49,7 @@ Stack series in the same group. In the Overrides section: 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](/static/img/docs/time-series-panel/stack-series-override-editor-8-0) +![Stack series override editor](/static/img/docs/time-series-panel/stack-series-override-editor-8-0.png) A-series and B-series stacked in group A, C-series, and D-series stacked in group B: