Repository: grafana/grafana
Pull request #103754: Docs: trend visualization refactor
Author: login: imatwawana
Labels: name: type/docs
description: Flags the technical writing team for documentation support; auto adds to org-wide docs project
name: no-changelog
description: Skip including change in changelog/release notes
name: backport v10.4.x
name: backport v11.0.x
description: Mark PR for automatic backport to v11.0.x
name: backport v11.1.x
description: Mark PR for automatic backport to v11.1.x
name: backport v11.2.x
description: Mark PR for automatic backport to v11.2.x
name: backport v11.3.x
description: Mark PR for automatic backport to v11.3.x
name: backport v11.4.x
description: Mark PR for automatic backport to v11.4.x
name: backport v11.5.x
description: Backport to branch v11.5.x
name: backport v11.6.x
description: Mark PR for automatic backport to v11.6.x
Created: 2025-04-09T22:09:13Z | Merged: 2025-04-10T14:44:11Z

This PR:

- Refactors the page adding tables to cover short content and link to longer content.
- Orders options correctly
- Adds missing options
- Replaces screenshots
- Makes necessary wording edits

OUT OF SCOPE: Style and copy edits

<-- vale = NO -->


Diff:
diff --git a/docs/sources/panels-visualizations/visualizations/trend/index.md b/docs/sources/panels-visualizations/visualizations/trend/index.md
index e8cc7fa8d3066..21b58fd1b0f3b 100644
--- a/docs/sources/panels-visualizations/visualizations/trend/index.md
+++ b/docs/sources/panels-visualizations/visualizations/trend/index.md
@@ -25,53 +25,65 @@ refs:
 
 # Trend
 
-Trend visualizations should be used for datasets that have a sequential, numeric X that is not time. Some examples are function graphs, rpm/torque curves, supply/demand relationships, and elevation or heart rate plots along a race course (with x as distance or duration from start).
+Trend visualizations should be used for datasets that have a sequential, numeric x-field that is not time. Some examples are function graphs, rpm/torque curves, supply/demand relationships, and elevation or heart rate plots along a race course (with x as distance or duration from start).
+
+For example, you could represent engine power and torque versus speed where speed is plotted on the x-axis and power and torque are plotted on the y-axes:
+
+{{< figure src="/media/docs/grafana/screenshot-trend-visualization-v12.0.png" max-width="750px" alt="Trend engine power and torque curves" >}}
 
 Trend visualizations support all visual styles and options available in the [time series visualization](ref:time-series-visualization) with these exceptions:
 
 - No annotations or time regions
 - No shared cursor/crosshair
-- No multi-timezone x axis
-- No ability to change the dashboard time range via drag-selection
+- No multi-timezone x-axis
+- No ability to change the dashboard time range using drag-selection
 
-## X Field selection
+## Configuration options
 
-Use this option to select a field that contains increasing numeric values.
+{{< docs/shared lookup="visualizations/config-options-intro.md" source="grafana" version="<GRAFANA_VERSION>" >}}
 
-{{< figure src="/media/docs/grafana/screenshot-grafana-10-0-trend-speed-xvalue.png" max-width="750px" caption="Trend x value selection" >}}
+### Panel options
 
-For example, you could represent engine power and torque versus speed where speed is plotted on the x axis and power and torque are plotted on the y axes.
-
-{{< figure src="/media/docs/grafana/screenshot-grafana-10-0-trend-panel-new-colors.png" max-width="750px" caption="Trend engine power and torque curves" >}}
+{{< docs/shared lookup="visualizations/panel-options.md" source="grafana" version="<GRAFANA_VERSION>" >}}
 
-## Panel options
+### X axis options
 
-{{< docs/shared lookup="visualizations/panel-options.md" source="grafana" version="<GRAFANA_VERSION>" >}}
+In the **X field** option, select a field that contains increasing numeric values.
 
-## Standard options
+### Tooltip options
 
-{{< docs/shared lookup="visualizations/standard-options.md" source="grafana" version="<GRAFANA_VERSION>" >}}
+{{< docs/shared lookup="visualizations/tooltip-options-2.md" source="grafana" version="<GRAFANA_VERSION>" leveloffset="+1" >}}
 
-## Legend options
+### Legend options
 
 {{< docs/shared lookup="visualizations/legend-options-1.md" source="grafana" version="<GRAFANA_VERSION>" >}}
 
-## Tooltip options
+### Graph styles options
 
-{{< docs/shared lookup="visualizations/tooltip-options-2.md" source="grafana" version="<GRAFANA_VERSION>" >}}
+The options under the **Graph styles** section let you control the general appearance of the graph, excluding [color](#standard-options).
 
-## Data links and actions
+{{< docs/shared lookup="visualizations/graph-styles-options.md" source="grafana" version="<GRAFANA_VERSION>" >}}
 
-{{< docs/shared lookup="visualizations/datalink-options-2.md" source="grafana" version="<GRAFANA_VERSION>" >}}
+### Axis options
 
-## Thresholds
+{{< docs/shared lookup="visualizations/axis-options-2.md" source="grafana" version="<GRAFANA_VERSION>" leveloffset="+1" >}}
 
-{{< docs/shared lookup="visualizations/thresholds-options-1.md" source="grafana" version="<GRAFANA_VERSION>" >}}
+### Standard options
 
-## Value mappings
+{{< docs/shared lookup="visualizations/standard-options.md" source="grafana" version="<GRAFANA_VERSION>" >}}
+
+### Data links and actions
+
+{{< docs/shared lookup="visualizations/datalink-options-2.md" source="grafana" version="<GRAFANA_VERSION>" >}}
+
+### Value mappings
 
 {{< docs/shared lookup="visualizations/value-mappings-options.md" source="grafana" version="<GRAFANA_VERSION>" >}}
 
-## Field overrides
+### Thresholds
+
+{{< docs/shared lookup="visualizations/thresholds-options-1.md" source="grafana" version="<GRAFANA_VERSION>" >}}
+
+### Field overrides
 
 {{< docs/shared lookup="visualizations/overrides-options.md" source="grafana" version="<GRAFANA_VERSION>" >}}
diff --git a/docs/sources/shared/visualizations/axis-options-2.md b/docs/sources/shared/visualizations/axis-options-2.md
index d0467d71a72d2..98875324e911a 100644
--- a/docs/sources/shared/visualizations/axis-options-2.md
+++ b/docs/sources/shared/visualizations/axis-options-2.md
@@ -3,7 +3,7 @@ title: Axis options
 comments: |
   There are three axis options shared files, axis-options-1.md, axis-options-2.md, and axis-options-3.md to cover the most common combinations of options. 
   Using shared files ensures that content remains consistent across visualizations that share the same options and users don't have to figure out which options apply to a specific visualization when reading that content.
-  This file is used in the following visualizations: candlestick, xy chart
+  This file is used in the following visualizations: candlestick, trend, xy chart
 ---
 
 Options under the **Axis** section control how the x- and y-axes are rendered. Some options don't take effect until you click outside of the field option box you're editing. You can also press `Enter`.


Reviews:
user: login: irenerl24
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-04-10T08:22:17Z
user: login: imatwawana
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-04-10T13:47:40Z
user: login: irenerl24
state: APPROVED
author_association: CONTRIBUTOR
submitted_at: 2025-04-10T14:04:25Z

Review comments:
diff_hunk: @@ -25,53 +25,65 @@ refs:
 
 # Trend
 
-Trend visualizations should be used for datasets that have a sequential, numeric X that is not time. Some examples are function graphs, rpm/torque curves, supply/demand relationships, and elevation or heart rate plots along a race course (with x as distance or duration from start).
+Trend visualizations should be used for datasets that have a sequential, numeric x-field that is not time. Some examples are function graphs, rpm/torque curves, supply/demand relationships, and elevation or heart rate plots along a race course (with x as distance or duration from start).
+
+For example, you could represent engine power and torque versus speed where speed is plotted on the x-axis and power and torque are plotted on the y-axes:
+
+{{< figure src="/media/docs/grafana/screenshot-trend-visualization-v12.0.png" max-width="750px" alt="Trend engine power and torque curves" >}}
 
 Trend visualizations support all visual styles and options available in the [time series visualization](ref:time-series-visualization) with these exceptions:
 
 - No annotations or time regions
 - No shared cursor/crosshair
-- No multi-timezone x axis
-- No ability to change the dashboard time range via drag-selection
+- No multi-timezone x-axis
+- No ability to change the dashboard time range using drag-selection
 
-## X Field selection
+## Configuration options
 
-Use this option to select a field that contains increasing numeric values.
+{{< docs/shared lookup="visualizations/config-options-intro.md" source="grafana" version="<GRAFANA_VERSION>" >}}
 
-{{< figure src="/media/docs/grafana/screenshot-grafana-10-0-trend-speed-xvalue.png" max-width="750px" caption="Trend x value selection" >}}
+### Panel options
 
-For example, you could represent engine power and torque versus speed where speed is plotted on the x axis and power and torque are plotted on the y axes.
-
-{{< figure src="/media/docs/grafana/screenshot-grafana-10-0-trend-panel-new-colors.png" max-width="750px" caption="Trend engine power and torque curves" >}}
+{{< docs/shared lookup="visualizations/panel-options.md" source="grafana" version="<GRAFANA_VERSION>" >}}
 
-## Panel options
+### X axis options
path: docs/sources/panels-visualizations/visualizations/trend/index.md
user: login: irenerl24
body: just for my personal curiosity, above we hyphenate "x-axis", but not here... is this intentional? thank you in advance! 
created_at: 2025-04-10T08:22:16Z
author_association: CONTRIBUTOR
diff_hunk: @@ -25,53 +25,65 @@ refs:
 
 # Trend
 
-Trend visualizations should be used for datasets that have a sequential, numeric X that is not time. Some examples are function graphs, rpm/torque curves, supply/demand relationships, and elevation or heart rate plots along a race course (with x as distance or duration from start).
+Trend visualizations should be used for datasets that have a sequential, numeric x-field that is not time. Some examples are function graphs, rpm/torque curves, supply/demand relationships, and elevation or heart rate plots along a race course (with x as distance or duration from start).
+
+For example, you could represent engine power and torque versus speed where speed is plotted on the x-axis and power and torque are plotted on the y-axes:
+
+{{< figure src="/media/docs/grafana/screenshot-trend-visualization-v12.0.png" max-width="750px" alt="Trend engine power and torque curves" >}}
 
 Trend visualizations support all visual styles and options available in the [time series visualization](ref:time-series-visualization) with these exceptions:
 
 - No annotations or time regions
 - No shared cursor/crosshair
-- No multi-timezone x axis
-- No ability to change the dashboard time range via drag-selection
+- No multi-timezone x-axis
+- No ability to change the dashboard time range using drag-selection
 
-## X Field selection
+## Configuration options
 
-Use this option to select a field that contains increasing numeric values.
+{{< docs/shared lookup="visualizations/config-options-intro.md" source="grafana" version="<GRAFANA_VERSION>" >}}
 
-{{< figure src="/media/docs/grafana/screenshot-grafana-10-0-trend-speed-xvalue.png" max-width="750px" caption="Trend x value selection" >}}
+### Panel options
 
-For example, you could represent engine power and torque versus speed where speed is plotted on the x axis and power and torque are plotted on the y axes.
-
-{{< figure src="/media/docs/grafana/screenshot-grafana-10-0-trend-panel-new-colors.png" max-width="750px" caption="Trend engine power and torque curves" >}}
+{{< docs/shared lookup="visualizations/panel-options.md" source="grafana" version="<GRAFANA_VERSION>" >}}
 
-## Panel options
+### X axis options
path: docs/sources/panels-visualizations/visualizations/trend/index.md
user: login: imatwawana
body: It's because in the heading I'm referencing the UI—which spells it incorrectly 😔
created_at: 2025-04-10T13:47:40Z
author_association: CONTRIBUTOR

PR comments:
user: login: github-actions[bot]
created_at: 2025-04-09T22:12:08Z
body: :computer: Deploy preview deleted.
author_association: CONTRIBUTOR
user: login: grafana-delivery-bot[bot]
created_at: 2025-04-10T14:46:33Z
body: The backport to `release-10.4.18` failed:

```
error cherry-picking: error running git cherry-pick: error running command 'git cherry-pick -x fa2738a8284a7a8e494c9b0c9f3a142f4e165abc'
error: exit status 1
stdout: Auto-merging docs/sources/panels-visualizations/visualizations/trend/index.md
CONFLICT (content): Merge conflict in docs/sources/panels-visualizations/visualizations/trend/index.md
Auto-merging docs/sources/shared/visualizations/axis-options-2.md
CONFLICT (content): Merge conflict in docs/sources/shared/visualizations/axis-options-2.md

stderr: error: could not apply fa2738a8284... Docs: trend visualization refactor (#103754)
hint: After resolving the conflicts, mark them with
hint: "git add/rm <pathspec>", then run
hint: "git cherry-pick --continue".
hint: You can instead skip this commit with "git cherry-pick --skip".
hint: To abort and get back to the state before "git cherry-pick",
hint: run "git cherry-pick --abort".
hint: Disable this message with "git config set advice.mergeConflict false"

```

To backport manually, run these commands in your terminal:

```bash
git fetch
git switch --create backport-103754-to-release-10.4.18 origin/release-10.4.18
git cherry-pick -x fa2738a8284a7a8e494c9b0c9f3a142f4e165abc
```

Resolve the conflicts, then add the changes and run `git cherry-pick --continue`:

```bash
git add . && git cherry-pick --continue
```

If you have the [GitHub CLI](https://cli.github.com/) installed:

```bash
git push --set-upstream origin backport-103754-to-release-10.4.18
PR_BODY=$(gh pr view 103754 --json body --template 'Backport fa2738a8284a7a8e494c9b0c9f3a142f4e165abc from #103754{{ "\\n\\n---\\n\\n" }}{{ index . "body" }}')
echo "${PR_BODY}" | gh pr create --title '[release-10.4.18] Docs: trend visualization refactor' --body-file - --label 'backport' --label '' --label 'type/docs' --label 'no-changelog' --base release-10.4.18 --web
```

Or, if you don't have the GitHub CLI installed ([we recommend you install it!](https://github.com/cli/cli#installation)):

```bash
git push --set-upstream origin backport-103754-to-release-10.4.18
```

And open a pull request where the `base` branch is `release-10.4.18` and the `compare`/`head` branch is `backport-103754-to-release-10.4.18`

author_association: CONTRIBUTOR
user: login: grafana-delivery-bot[bot]
created_at: 2025-04-10T14:46:35Z
body: The backport to `release-11.0.12` failed:

```
error cherry-picking: error running git cherry-pick: error running command 'git cherry-pick -x fa2738a8284a7a8e494c9b0c9f3a142f4e165abc'
error: exit status 1
stdout: Auto-merging docs/sources/panels-visualizations/visualizations/trend/index.md
CONFLICT (content): Merge conflict in docs/sources/panels-visualizations/visualizations/trend/index.md
Auto-merging docs/sources/shared/visualizations/axis-options-2.md

stderr: error: could not apply fa2738a8284... Docs: trend visualization refactor (#103754)
hint: After resolving the conflicts, mark them with
hint: "git add/rm <pathspec>", then run
hint: "git cherry-pick --continue".
hint: You can instead skip this commit with "git cherry-pick --skip".
hint: To abort and get back to the state before "git cherry-pick",
hint: run "git cherry-pick --abort".
hint: Disable this message with "git config set advice.mergeConflict false"

```

To backport manually, run these commands in your terminal:

```bash
git fetch
git switch --create backport-103754-to-release-11.0.12 origin/release-11.0.12
git cherry-pick -x fa2738a8284a7a8e494c9b0c9f3a142f4e165abc
```

Resolve the conflicts, then add the changes and run `git cherry-pick --continue`:

```bash
git add . && git cherry-pick --continue
```

If you have the [GitHub CLI](https://cli.github.com/) installed:

```bash
git push --set-upstream origin backport-103754-to-release-11.0.12
PR_BODY=$(gh pr view 103754 --json body --template 'Backport fa2738a8284a7a8e494c9b0c9f3a142f4e165abc from #103754{{ "\\n\\n---\\n\\n" }}{{ index . "body" }}')
echo "${PR_BODY}" | gh pr create --title '[release-11.0.12] Docs: trend visualization refactor' --body-file - --label 'backport' --label '' --label 'type/docs' --label 'no-changelog' --base release-11.0.12 --web
```

Or, if you don't have the GitHub CLI installed ([we recommend you install it!](https://github.com/cli/cli#installation)):

```bash
git push --set-upstream origin backport-103754-to-release-11.0.12
```

And open a pull request where the `base` branch is `release-11.0.12` and the `compare`/`head` branch is `backport-103754-to-release-11.0.12`

author_association: CONTRIBUTOR
user: login: grafana-delivery-bot[bot]
created_at: 2025-04-10T14:46:37Z
body: The backport to `release-11.1.14` failed:

```
error cherry-picking: error running git cherry-pick: error running command 'git cherry-pick -x fa2738a8284a7a8e494c9b0c9f3a142f4e165abc'
error: exit status 1
stdout: Auto-merging docs/sources/panels-visualizations/visualizations/trend/index.md
CONFLICT (content): Merge conflict in docs/sources/panels-visualizations/visualizations/trend/index.md
Auto-merging docs/sources/shared/visualizations/axis-options-2.md

stderr: error: could not apply fa2738a8284... Docs: trend visualization refactor (#103754)
hint: After resolving the conflicts, mark them with
hint: "git add/rm <pathspec>", then run
hint: "git cherry-pick --continue".
hint: You can instead skip this commit with "git cherry-pick --skip".
hint: To abort and get back to the state before "git cherry-pick",
hint: run "git cherry-pick --abort".
hint: Disable this message with "git config set advice.mergeConflict false"

```

To backport manually, run these commands in your terminal:

```bash
git fetch
git switch --create backport-103754-to-release-11.1.14 origin/release-11.1.14
git cherry-pick -x fa2738a8284a7a8e494c9b0c9f3a142f4e165abc
```

Resolve the conflicts, then add the changes and run `git cherry-pick --continue`:

```bash
git add . && git cherry-pick --continue
```

If you have the [GitHub CLI](https://cli.github.com/) installed:

```bash
git push --set-upstream origin backport-103754-to-release-11.1.14
PR_BODY=$(gh pr view 103754 --json body --template 'Backport fa2738a8284a7a8e494c9b0c9f3a142f4e165abc from #103754{{ "\\n\\n---\\n\\n" }}{{ index . "body" }}')
echo "${PR_BODY}" | gh pr create --title '[release-11.1.14] Docs: trend visualization refactor' --body-file - --label 'backport' --label '' --label 'type/docs' --label 'no-changelog' --base release-11.1.14 --web
```

Or, if you don't have the GitHub CLI installed ([we recommend you install it!](https://github.com/cli/cli#installation)):

```bash
git push --set-upstream origin backport-103754-to-release-11.1.14
```

And open a pull request where the `base` branch is `release-11.1.14` and the `compare`/`head` branch is `backport-103754-to-release-11.1.14`

author_association: CONTRIBUTOR
user: login: grafana-delivery-bot[bot]
created_at: 2025-04-10T14:46:39Z
body: The backport to `release-11.2.9` failed:

```
error cherry-picking: error running git cherry-pick: error running command 'git cherry-pick -x fa2738a8284a7a8e494c9b0c9f3a142f4e165abc'
error: exit status 1
stdout: Auto-merging docs/sources/panels-visualizations/visualizations/trend/index.md
CONFLICT (content): Merge conflict in docs/sources/panels-visualizations/visualizations/trend/index.md
Auto-merging docs/sources/shared/visualizations/axis-options-2.md

stderr: error: could not apply fa2738a8284... Docs: trend visualization refactor (#103754)
hint: After resolving the conflicts, mark them with
hint: "git add/rm <pathspec>", then run
hint: "git cherry-pick --continue".
hint: You can instead skip this commit with "git cherry-pick --skip".
hint: To abort and get back to the state before "git cherry-pick",
hint: run "git cherry-pick --abort".
hint: Disable this message with "git config set advice.mergeConflict false"

```

To backport manually, run these commands in your terminal:

```bash
git fetch
git switch --create backport-103754-to-release-11.2.9 origin/release-11.2.9
git cherry-pick -x fa2738a8284a7a8e494c9b0c9f3a142f4e165abc
```

Resolve the conflicts, then add the changes and run `git cherry-pick --continue`:

```bash
git add . && git cherry-pick --continue
```

If you have the [GitHub CLI](https://cli.github.com/) installed:

```bash
git push --set-upstream origin backport-103754-to-release-11.2.9
PR_BODY=$(gh pr view 103754 --json body --template 'Backport fa2738a8284a7a8e494c9b0c9f3a142f4e165abc from #103754{{ "\\n\\n---\\n\\n" }}{{ index . "body" }}')
echo "${PR_BODY}" | gh pr create --title '[release-11.2.9] Docs: trend visualization refactor' --body-file - --label 'backport' --label '' --label 'type/docs' --label 'no-changelog' --base release-11.2.9 --web
```

Or, if you don't have the GitHub CLI installed ([we recommend you install it!](https://github.com/cli/cli#installation)):

```bash
git push --set-upstream origin backport-103754-to-release-11.2.9
```

And open a pull request where the `base` branch is `release-11.2.9` and the `compare`/`head` branch is `backport-103754-to-release-11.2.9`

author_association: CONTRIBUTOR
user: login: grafana-delivery-bot[bot]
created_at: 2025-04-10T14:46:41Z
body: The backport to `release-11.3.6` failed:

```
error cherry-picking: error running git cherry-pick: error running command 'git cherry-pick -x fa2738a8284a7a8e494c9b0c9f3a142f4e165abc'
error: exit status 1
stdout: Auto-merging docs/sources/panels-visualizations/visualizations/trend/index.md
CONFLICT (content): Merge conflict in docs/sources/panels-visualizations/visualizations/trend/index.md
Auto-merging docs/sources/shared/visualizations/axis-options-2.md

stderr: error: could not apply fa2738a8284... Docs: trend visualization refactor (#103754)
hint: After resolving the conflicts, mark them with
hint: "git add/rm <pathspec>", then run
hint: "git cherry-pick --continue".
hint: You can instead skip this commit with "git cherry-pick --skip".
hint: To abort and get back to the state before "git cherry-pick",
hint: run "git cherry-pick --abort".
hint: Disable this message with "git config set advice.mergeConflict false"

```

To backport manually, run these commands in your terminal:

```bash
git fetch
git switch --create backport-103754-to-release-11.3.6 origin/release-11.3.6
git cherry-pick -x fa2738a8284a7a8e494c9b0c9f3a142f4e165abc
```

Resolve the conflicts, then add the changes and run `git cherry-pick --continue`:

```bash
git add . && git cherry-pick --continue
```

If you have the [GitHub CLI](https://cli.github.com/) installed:

```bash
git push --set-upstream origin backport-103754-to-release-11.3.6
PR_BODY=$(gh pr view 103754 --json body --template 'Backport fa2738a8284a7a8e494c9b0c9f3a142f4e165abc from #103754{{ "\\n\\n---\\n\\n" }}{{ index . "body" }}')
echo "${PR_BODY}" | gh pr create --title '[release-11.3.6] Docs: trend visualization refactor' --body-file - --label 'backport' --label '' --label 'type/docs' --label 'no-changelog' --base release-11.3.6 --web
```

Or, if you don't have the GitHub CLI installed ([we recommend you install it!](https://github.com/cli/cli#installation)):

```bash
git push --set-upstream origin backport-103754-to-release-11.3.6
```

And open a pull request where the `base` branch is `release-11.3.6` and the `compare`/`head` branch is `backport-103754-to-release-11.3.6`

author_association: CONTRIBUTOR
user: login: grafana-delivery-bot[bot]
created_at: 2025-04-10T14:46:42Z
body: The backport to `release-11.4.4` failed:

```
error cherry-picking: error running git cherry-pick: error running command 'git cherry-pick -x fa2738a8284a7a8e494c9b0c9f3a142f4e165abc'
error: exit status 1
stdout: Auto-merging docs/sources/panels-visualizations/visualizations/trend/index.md
CONFLICT (content): Merge conflict in docs/sources/panels-visualizations/visualizations/trend/index.md
Auto-merging docs/sources/shared/visualizations/axis-options-2.md

stderr: error: could not apply fa2738a8284... Docs: trend visualization refactor (#103754)
hint: After resolving the conflicts, mark them with
hint: "git add/rm <pathspec>", then run
hint: "git cherry-pick --continue".
hint: You can instead skip this commit with "git cherry-pick --skip".
hint: To abort and get back to the state before "git cherry-pick",
hint: run "git cherry-pick --abort".
hint: Disable this message with "git config set advice.mergeConflict false"

```

To backport manually, run these commands in your terminal:

```bash
git fetch
git switch --create backport-103754-to-release-11.4.4 origin/release-11.4.4
git cherry-pick -x fa2738a8284a7a8e494c9b0c9f3a142f4e165abc
```

Resolve the conflicts, then add the changes and run `git cherry-pick --continue`:

```bash
git add . && git cherry-pick --continue
```

If you have the [GitHub CLI](https://cli.github.com/) installed:

```bash
git push --set-upstream origin backport-103754-to-release-11.4.4
PR_BODY=$(gh pr view 103754 --json body --template 'Backport fa2738a8284a7a8e494c9b0c9f3a142f4e165abc from #103754{{ "\\n\\n---\\n\\n" }}{{ index . "body" }}')
echo "${PR_BODY}" | gh pr create --title '[release-11.4.4] Docs: trend visualization refactor' --body-file - --label 'backport' --label '' --label 'type/docs' --label 'no-changelog' --base release-11.4.4 --web
```

Or, if you don't have the GitHub CLI installed ([we recommend you install it!](https://github.com/cli/cli#installation)):

```bash
git push --set-upstream origin backport-103754-to-release-11.4.4
```

And open a pull request where the `base` branch is `release-11.4.4` and the `compare`/`head` branch is `backport-103754-to-release-11.4.4`

author_association: CONTRIBUTOR
user: login: grafana-delivery-bot[bot]
created_at: 2025-04-10T14:46:45Z
body: The backport to `release-11.5.4` failed:

```
error cherry-picking: error running git cherry-pick: error running command 'git cherry-pick -x fa2738a8284a7a8e494c9b0c9f3a142f4e165abc'
error: exit status 1
stdout: Auto-merging docs/sources/panels-visualizations/visualizations/trend/index.md
CONFLICT (content): Merge conflict in docs/sources/panels-visualizations/visualizations/trend/index.md
Auto-merging docs/sources/shared/visualizations/axis-options-2.md

stderr: error: could not apply fa2738a8284... Docs: trend visualization refactor (#103754)
hint: After resolving the conflicts, mark them with
hint: "git add/rm <pathspec>", then run
hint: "git cherry-pick --continue".
hint: You can instead skip this commit with "git cherry-pick --skip".
hint: To abort and get back to the state before "git cherry-pick",
hint: run "git cherry-pick --abort".
hint: Disable this message with "git config set advice.mergeConflict false"

```

To backport manually, run these commands in your terminal:

```bash
git fetch
git switch --create backport-103754-to-release-11.5.4 origin/release-11.5.4
git cherry-pick -x fa2738a8284a7a8e494c9b0c9f3a142f4e165abc
```

Resolve the conflicts, then add the changes and run `git cherry-pick --continue`:

```bash
git add . && git cherry-pick --continue
```

If you have the [GitHub CLI](https://cli.github.com/) installed:

```bash
git push --set-upstream origin backport-103754-to-release-11.5.4
PR_BODY=$(gh pr view 103754 --json body --template 'Backport fa2738a8284a7a8e494c9b0c9f3a142f4e165abc from #103754{{ "\\n\\n---\\n\\n" }}{{ index . "body" }}')
echo "${PR_BODY}" | gh pr create --title '[release-11.5.4] Docs: trend visualization refactor' --body-file - --label 'backport' --label '' --label 'type/docs' --label 'no-changelog' --base release-11.5.4 --web
```

Or, if you don't have the GitHub CLI installed ([we recommend you install it!](https://github.com/cli/cli#installation)):

```bash
git push --set-upstream origin backport-103754-to-release-11.5.4
```

And open a pull request where the `base` branch is `release-11.5.4` and the `compare`/`head` branch is `backport-103754-to-release-11.5.4`

author_association: CONTRIBUTOR
user: login: grafana-delivery-bot[bot]
created_at: 2025-04-10T14:47:52Z
body: The backport to `release-11.6.1` failed:

```
error pushing: error running command 'git push origin backport-103754-to-release-11.6.1'
error: exit status 1
stdout: 
stderr: remote: fatal error in commit_refs        
To https://github.com/grafana/grafana.git
 ! [remote rejected]         backport-103754-to-release-11.6.1 -> backport-103754-to-release-11.6.1 (failure)
error: failed to push some refs to 'https://github.com/grafana/grafana.git'

```

To backport manually, run these commands in your terminal:

```bash
git fetch
git switch --create backport-103754-to-release-11.6.1 origin/release-11.6.1
git cherry-pick -x fa2738a8284a7a8e494c9b0c9f3a142f4e165abc
```

Resolve the conflicts, then add the changes and run `git cherry-pick --continue`:

```bash
git add . && git cherry-pick --continue
```

If you have the [GitHub CLI](https://cli.github.com/) installed:

```bash
git push --set-upstream origin backport-103754-to-release-11.6.1
PR_BODY=$(gh pr view 103754 --json body --template 'Backport fa2738a8284a7a8e494c9b0c9f3a142f4e165abc from #103754{{ "\\n\\n---\\n\\n" }}{{ index . "body" }}')
echo "${PR_BODY}" | gh pr create --title '[release-11.6.1] Docs: trend visualization refactor' --body-file - --label 'backport' --label '' --label 'type/docs' --label 'no-changelog' --base release-11.6.1 --web
```

Or, if you don't have the GitHub CLI installed ([we recommend you install it!](https://github.com/cli/cli#installation)):

```bash
git push --set-upstream origin backport-103754-to-release-11.6.1
```

And open a pull request where the `base` branch is `release-11.6.1` and the `compare`/`head` branch is `backport-103754-to-release-11.6.1`

author_association: CONTRIBUTOR