Docs: Update 8.0 time series content (#34088)

* Update graph-panel.md

* Update graph-panel.md

* Update whats-new-in-v8-0.md

* added content

* Update graph-time-series-as-lines.md

* content updates

* added shared content

* Update graph-time-series-stacking.md

* Update whats-new-in-v8-0.md

docs/sources/panels/visualizations/graph-panel.md

@@ -1,13 +1,13 @@
 +++
-title = "Graph panel"
+title = "Graph panel (old)"
 keywords = ["grafana", "graph panel", "documentation", "guide", "graph"]
 aliases = ["/docs/grafana/latest/reference/graph/", "/docs/grafana/latest/features/panels/graph/"]
 weight = 500
 +++
 
-# Graph panel
+# Graph panel (old)
 
-This visualization is the most-used in the Grafana ecosystem. 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.
+The graph panel can render metrics 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.
 
 ## Data and field options
 

docs/sources/panels/visualizations/time-series/_index.md

@@ -26,6 +26,7 @@ You can also use field options to create different types of graphs or adjust you
 - [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
 

docs/sources/panels/visualizations/time-series/graph-time-series-as-bars.md

@@ -133,6 +133,10 @@ Never show the points.
 
 ![Show points point never example](/img/docs/time-series-panel/bar-graph-show-points-never-7-4.png)
 
+{{< docs/shared "visualizations/stack-series-link.md" >}}
+
+{{< docs/shared "visualizations/change-axis-link.md" >}}
+
 ## Bar graph examples
 
 Below are some bar graph examples to give you ideas.

docs/sources/panels/visualizations/time-series/graph-time-series-as-lines.md

@@ -197,6 +197,10 @@ Never show the points.
 
 ![Show points point never example](/img/docs/time-series-panel/line-graph-show-points-never-7-4.png)
 
+{{< docs/shared "visualizations/stack-series-link.md" >}}
+
+{{< docs/shared "visualizations/change-axis-link.md" >}}
+
 ## Fill below to
 
 This option is only available as in the Overrides tab.

docs/sources/panels/visualizations/time-series/graph-time-series-as-points.md

@@ -42,3 +42,7 @@ Point size set to 20:
 Point size set to 35:
 
 ![Show points point size 35 example](/img/docs/time-series-panel/points-graph-show-points-35-7-4.png)
+
+{{< docs/shared "visualizations/stack-series-link.md" >}}
+
+{{< docs/shared "visualizations/change-axis-link.md" >}}

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

@@ -49,10 +49,9 @@ 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)
+   ![Stack series override](/img/docs/time-series-panel/stacking-override-default-8-0.png)
 
-1. Click on **Normal** stacking mode.
-   
+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)

docs/sources/shared/visualizations/change-axis-link.md

@@ -0,0 +1,7 @@
+---
+title: Stack series link
+---
+
+## Axis
+
+For full instructions, refer to [Change axis display]({{< relref "../../panels/visualizations/time-series/change-axis-display.md" >}}).

docs/sources/shared/visualizations/stack-series-link.md

@@ -0,0 +1,7 @@
+---
+title: Stack series link
+---
+
+### Stack series
+
+For full instructions, refer to [Graph stacked time series]({{< relref "../../panels/visualizations/time-series/graph-time-series-stacking.md" >}}).

docs/sources/whatsnew/whats-new-in-v8-0.md

@@ -30,12 +30,24 @@ Shows discrete status or state transitions of something over time. For example d
 
 New visualization that allows categorical data display. Following the new panel architecture supports field config and overrides, common tooltip, and legend options.
 
+### Time series panel updates
+
+The Time series is out of beta!  We are removing the `Beta`tag and graduating the Time series panel to a stable state.
+- **Time series** is now the default visualization option, replacing the **Graph (old)**.
+- The Time series panel now supports stacking. For more information, refer to [Graph stacked time series]({{< relref "../panels/visualizations/time-series/graph-time-series-stacking.md" >}}).
+- We added support for a shared crosshair and a tooltip that’s now smarter when it comes to data display in the tooltip.
+- Various performance improvements.
+
 ### Panel editor updates
 
 - All options are now shown in a single pane.
 - You can now search panel options.
 - Value mapping has been completely redesigned.
 
+### Look and feel update
+
+Grafana 8 comes with a refreshed look and feel, including themes changed to be more accessible. The improved Grafana UI brings a number of adjustments and tweaks that make the application even more fun to use. Under the hood, the new theme architecture enables us to bring more sophisticated themes control in the future.
+
 ### Download logs
 
 You can now download log results as a text (.txt) file. You can access this feature through the Data tab in the Panel inspector and Inspector in Explore.