Docs: Add disconnect value feature documentation (#71519)

Co-authored-by: Isabel <76437239+imatwawana@users.noreply.github.com>

docs/sources/panels-visualizations/visualizations/state-timeline/index.md

@@ -46,6 +46,10 @@ Controls line width of state regions.
 
 Controls the opacity of state regions.
 
+{{< docs/shared "visualizations/connect-null-values.md" >}}
+
+{{< docs/shared "visualizations/disconnect-values.md" >}}
+
 ## Value mappings
 
 To assign colors to boolean or string values, you can use [Value mappings]({{< relref "../../configure-value-mappings/" >}}).

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

@@ -131,15 +131,9 @@ Set the style of the line. To change the color, use the standard [color scheme](
 
 ![Line styles examples](/static/img/docs/time-series-panel/line-styles-examples-v9.png)
 
-### Connect null values
+{{< docs/shared "visualizations/connect-null-values.md" >}}
 
-Choose how null values, which are gaps in the data, appear on the graph. Null values can be connected to form a continuous line or set to a threshold above which gaps in the data are no longer connected.
-
-![Connect null values option](/static/img/docs/time-series-panel/connect-null-values-option-v9.png)
-
-- **Never:** Time series data points with gaps in the the data are never connected.
-- **Always:** Time series data points with gaps in the the data are always connected.
-- **Threshold:** Specify a threshold above which gaps in the data are no longer connected. This can be useful when the connected gaps in the data are of a known size and/or within a known range, and gaps outside this range should no longer be connected.
+{{< docs/shared "visualizations/disconnect-values.md" >}}
 
 ### Stack series
 

docs/sources/shared/visualizations/connect-null-values.md

@@ -0,0 +1,13 @@
+---
+title: Connect null values
+---
+
+### Connect null values
+
+Choose how null values, which are gaps in the data, appear on the graph. Null values can be connected to form a continuous line or set to a threshold above which gaps in the data are no longer connected.
+
+![Connect null values option](/static/img/docs/time-series-panel/connect-null-values-option-v9.png)
+
+- **Never:** Time series data points with gaps in the the data are never connected.
+- **Always:** Time series data points with gaps in the the data are always connected.
+- **Threshold:** Specify a threshold above which gaps in the data are no longer connected. This can be useful when the connected gaps in the data are of a known size and/or within a known range, and gaps outside this range should no longer be connected.

docs/sources/shared/visualizations/disconnect-values.md

@@ -0,0 +1,12 @@
+---
+title: Disconnect values
+---
+
+### Disconnect values
+
+Choose whether to set a threshold above which values in the data should be disconnected.
+
+{{< figure src="/media/docs/grafana/screenshot-grafana-10-1-disconnect-values.png" max-width="750px" >}}
+
+- **Never:** Time series data points in the the data are never disconnected.
+- **Threshold:** Specify a threshold above which values in the data are disconnected. This can be useful when desired values in the data are of a known size and/or within a known range, and values outside this range should no longer be connected.