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

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.

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" >}}).

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
 

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

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

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: