diff --git a/docs/sources/panels/visualizations/graph-panel.md b/docs/sources/panels/visualizations/graph-panel.md index e07d3619546..6f118d2a72a 100644 --- a/docs/sources/panels/visualizations/graph-panel.md +++ b/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 diff --git a/docs/sources/panels/visualizations/time-series/_index.md b/docs/sources/panels/visualizations/time-series/_index.md index 60ac48eb4a9..9e7ff4e9fb1 100644 --- a/docs/sources/panels/visualizations/time-series/_index.md +++ b/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 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 2a6365b5964..8cc5dc44c1d 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 @@ -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. 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 cdd80967458..40b4530f10f 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 @@ -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. 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 8d06398858c..c1f3888de9d 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 @@ -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" >}} 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 f05c748d84b..c2ea5ab2325 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,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) diff --git a/docs/sources/shared/visualizations/change-axis-link.md b/docs/sources/shared/visualizations/change-axis-link.md new file mode 100644 index 00000000000..c9b928286d9 --- /dev/null +++ b/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" >}}). \ No newline at end of file diff --git a/docs/sources/shared/visualizations/stack-series-link.md b/docs/sources/shared/visualizations/stack-series-link.md new file mode 100644 index 00000000000..e30f36a3b05 --- /dev/null +++ b/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" >}}). \ No newline at end of file diff --git a/docs/sources/whatsnew/whats-new-in-v8-0.md b/docs/sources/whatsnew/whats-new-in-v8-0.md index f017bbb05a2..22fc5d2b67e 100644 --- a/docs/sources/whatsnew/whats-new-in-v8-0.md +++ b/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.