fix(grafana): update heading structure and fix broken link fragments

- Combine separate 'Query' and 'Build visualizations' sections into unified 'Query and visualize data' section
- Convert h2 headings to h3 under new parent section
- Update TOC to reflect new heading hierarchy
- Ensure all fragment links work correctly
pull/6446/head
Jason Stirnaman 2025-10-06 19:51:29 -05:00
parent 5608aafb96
commit 3443bfab20
4 changed files with 32 additions and 23 deletions

View File

@ -126,14 +126,16 @@ Click **Save & Test**. Grafana attempts to connect to InfluxDB Enterprise and re
{{% /tab-content %}} {{% /tab-content %}}
{{< /tabs-wrapper >}} {{< /tabs-wrapper >}}
## Query and visualize data
With your InfluxDB connection configured, use Grafana to query and visualize time series data. With your InfluxDB connection configured, use Grafana to query and visualize time series data.
## Build visualizations with Grafana ### Query inspection in Grafana
To learn about query management and inspection in Grafana, see the
[Grafana Explore documentation](https://grafana.com/docs/grafana/latest/explore/).
### Build visualizations with Grafana
For a comprehensive walk-through of creating visualizations with For a comprehensive walk-through of creating visualizations with
Grafana, see the [Grafana documentation](https://grafana.com/docs/grafana/latest/). Grafana, see the [Grafana documentation](https://grafana.com/docs/grafana/latest/).
## Query inspection in Grafana
To learn more about query management and inspection in Grafana, see the
[Grafana Explore documentation](https://grafana.com/docs/grafana/latest/explore/).

View File

@ -124,14 +124,16 @@ Click **Save & Test**. Grafana attempts to connect to InfluxDB and returns the r
{{% /tab-content %}} {{% /tab-content %}}
{{< /tabs-wrapper >}} {{< /tabs-wrapper >}}
## Query and visualize data
With your InfluxDB connection configured, use Grafana to query and visualize time series data. With your InfluxDB connection configured, use Grafana to query and visualize time series data.
## Build visualizations with Grafana ### Query inspection in Grafana
To learn about query management and inspection in Grafana, see the
[Grafana Explore documentation](https://grafana.com/docs/grafana/latest/explore/).
### Build visualizations with Grafana
For a comprehensive walk-through of creating visualizations with For a comprehensive walk-through of creating visualizations with
Grafana, see the [Grafana documentation](https://grafana.com/docs/grafana/latest/). Grafana, see the [Grafana documentation](https://grafana.com/docs/grafana/latest/).
## Query inspection in Grafana
To learn more about query management and inspection in Grafana, see the
[Grafana Explore documentation](https://grafana.com/docs/grafana/latest/explore/).

View File

@ -192,14 +192,16 @@ You'll be prompted to enter a password.
{{% /tab-content %}} {{% /tab-content %}}
{{< /tabs-wrapper >}} {{< /tabs-wrapper >}}
## Query and visualize data
With your InfluxDB connection configured, use Grafana to query and visualize time series data. With your InfluxDB connection configured, use Grafana to query and visualize time series data.
## Build visualizations with Grafana ### Query inspection in Grafana
To learn about query management and inspection in Grafana, see the
[Grafana Explore documentation](https://grafana.com/docs/grafana/latest/explore/).
### Build visualizations with Grafana
For a comprehensive walk-through of creating visualizations with For a comprehensive walk-through of creating visualizations with
Grafana, see the [Grafana documentation](https://grafana.com/docs/grafana/latest/). Grafana, see the [Grafana documentation](https://grafana.com/docs/grafana/latest/).
## Query inspection in Grafana
To learn more about query management and inspection in Grafana, see the
[Grafana Explore documentation](https://grafana.com/docs/grafana/latest/explore/).

View File

@ -15,8 +15,7 @@ to query and visualize data from {{% product-name %}}.
- [InfluxDB data source](#influxdb-data-source) - [InfluxDB data source](#influxdb-data-source)
- [Before you begin](#before-you-begin) - [Before you begin](#before-you-begin)
- [Create an InfluxDB data source](#create-an-influxdb-data-source) - [Create an InfluxDB data source](#create-an-influxdb-data-source)
- [Query InfluxDB with Grafana](#query-influxdb-with-grafana) - [Query and visualize data](#query-and-visualize-data)
- [Build visualizations with Grafana](#build-visualizations-with-grafana)
## Install Grafana or log in to Grafana Cloud ## Install Grafana or log in to Grafana Cloud
@ -172,7 +171,11 @@ Click **Save & test**. Grafana attempts to connect to {{% product-name %}} and r
{{% /tab-content %}} {{% /tab-content %}}
{{< /tabs-wrapper >}} {{< /tabs-wrapper >}}
## Query InfluxDB with Grafana ## Query and visualize data
With your InfluxDB connection configured, use Grafana to query and visualize time series data.
### Query InfluxDB with Grafana
After you [configure and save an InfluxDB datasource](#create-an-influxdb-data-source), After you [configure and save an InfluxDB datasource](#create-an-influxdb-data-source),
use Grafana to build, run, and inspect queries against {{% show-in "cloud-serverless" %}}your InfluxDB bucket{{% /show-in %}}{{% hide-in "cloud-serverless" %}}{{% product-name %}}{{% /hide-in %}}. use Grafana to build, run, and inspect queries against {{% show-in "cloud-serverless" %}}your InfluxDB bucket{{% /show-in %}}{{% hide-in "cloud-serverless" %}}{{% product-name %}}{{% /hide-in %}}.
@ -245,12 +248,12 @@ use Grafana to build, run, and inspect queries against {{% show-in "cloud-server
With your InfluxDB connection configured, use Grafana to query and visualize time series data. With your InfluxDB connection configured, use Grafana to query and visualize time series data.
## Build visualizations with Grafana ### Build visualizations with Grafana
For a comprehensive walk-through of creating visualizations with For a comprehensive walk-through of creating visualizations with
Grafana, see the [Grafana documentation](https://grafana.com/docs/grafana/latest/). Grafana, see the [Grafana documentation](https://grafana.com/docs/grafana/latest/).
## Query inspection in Grafana ### Query inspection in Grafana
To learn more about query management and inspection in Grafana, see the To learn more about query management and inspection in Grafana, see the
[Grafana Explore documentation](https://grafana.com/docs/grafana/latest/explore/). [Grafana Explore documentation](https://grafana.com/docs/grafana/latest/explore/).