diff --git a/docs/sources/administration/configuration.md b/docs/sources/administration/configuration.md index 6c30f4ffe12..bd7201c28ee 100644 --- a/docs/sources/administration/configuration.md +++ b/docs/sources/administration/configuration.md @@ -1101,7 +1101,7 @@ Sets a global limit on number of alert rules that can be created. Default is -1 ## [unified_alerting] -For more information about the Unified Alerting feature in Grafana, refer to [Unified Alerting]({{< relref "../unified-alerting/_index.md" >}}}). +For more information about the Grafana 8 alerts, refer to [Unified Alerting]({{< relref "../alerting/unified-alerting/_index.md" >}}). ### admin_config_poll_interval_seconds diff --git a/docs/sources/basics/intro-histograms.md b/docs/sources/basics/intro-histograms.md index f0d953627d7..5755e53e398 100644 --- a/docs/sources/basics/intro-histograms.md +++ b/docs/sources/basics/intro-histograms.md @@ -25,7 +25,7 @@ Here is an example showing height distribution of people. {{< figure src="/static/img/docs/histogram-panel/histogram-example-v8-0.png" max-width="625px" caption="Bar chart example" >}} -For more information about histogram visualization options, refer to [Histogram]({{< relref "../panels/visualizations/histogram.md" >}}). +For more information about histogram visualization options, refer to [Histogram]({{< relref "../visualizations/histogram.md" >}}). Histograms only look at _value distributions_ over a specific time range. The problem with histograms is you cannot see any trends or changes in the distribution over time. This is where heatmaps become useful. @@ -37,7 +37,7 @@ In this example, you can clearly see what values are more common and how they tr ![](/static/img/docs/v43/heatmap_histogram_over_time.png) -For more information about heatmap visualization options, refer to [Heatmap]({{< relref "../panels/visualizations/heatmap.md" >}}). +For more information about heatmap visualization options, refer to [Heatmap]({{< relref "../visualizations/heatmap.md" >}}). ## Pre-bucketed data diff --git a/docs/sources/best-practices/best-practices-for-creating-dashboards.md b/docs/sources/best-practices/best-practices-for-creating-dashboards.md index dbf9c83d368..a9d5292dc50 100644 --- a/docs/sources/best-practices/best-practices-for-creating-dashboards.md +++ b/docs/sources/best-practices/best-practices-for-creating-dashboards.md @@ -48,7 +48,7 @@ Once you have a strategy or design guidelines, write them down to help maintain - Avoid unnecessary dashboard refreshing to reduce the load on the network or backend. For example, if your data changes every hour, then you don't need to set the dashboard refresh rate to 30 seconds. - Use the left and right Y-axes when displaying time series with different units or ranges. - Add documentation to dashboards and panels. - - To add documentation to a dashboard, add a [Text panel visualization]({{< relref "../panels/visualizations/text-panel.md" >}}) to the dashboard. Record things like the purpose of the dashboard, useful resource links, and any instructions users might need to interact with the dashboard. Check out this [Wikimedia example](https://grafana.wikimedia.org/d/000000066/resourceloader?orgId=1). + - To add documentation to a dashboard, add a [Text panel visualization]({{< relref "../visualizations/text-panel.md" >}}) to the dashboard. Record things like the purpose of the dashboard, useful resource links, and any instructions users might need to interact with the dashboard. Check out this [Wikimedia example](https://grafana.wikimedia.org/d/000000066/resourceloader?orgId=1). - To add documentation to a panel, [edit the panel settings]({{< relref "../panels/add-a-panel.md#edit-panel-settings" >}}) and add a description. Any text you add will appear if you hover your cursor over the small `i` in the top left corner of the panel. - Reuse your dashboards and enforce consistency by using [templates and variables]({{< relref "../variables/_index.md" >}}). - Be careful with stacking graph data. The visualizations can be misleading, and hide important data. We recommend turning it off in most cases. diff --git a/docs/sources/best-practices/best-practices-for-managing-dashboards.md b/docs/sources/best-practices/best-practices-for-managing-dashboards.md index 7cd041a1067..46ee37f2e1c 100644 --- a/docs/sources/best-practices/best-practices-for-managing-dashboards.md +++ b/docs/sources/best-practices/best-practices-for-managing-dashboards.md @@ -33,5 +33,5 @@ What is your dashboard maturity level? Analyze your current dashboard setup and - When you must copy a dashboard, clearly rename it and _do not_ copy the dashboard tags. Tags are important metadata for dashboards that are used during search. Copying tags can result in false matches. - Maintain a dashboard of dashboards or cross-reference dashboards. This can be done in several ways: - Create dashboard links, panel, or data links. Links can go to other dashboards or to external systems. For more information, refer to [Linking]({{< relref "../linking/_index.md" >}}). - - Add a [Dashboard list panel]({{< relref "../panels/visualizations/dashboard-list-panel.md" >}}). You can then customize what you see by doing tag or folder searches. - - Add a [Text panel]({{< relref "../panels/visualizations/text-panel.md" >}}) and use markdown to customize the display. + - Add a [Dashboard list panel]({{< relref "../visualizations/dashboard-list-panel.md" >}}). You can then customize what you see by doing tag or folder searches. + - Add a [Text panel]({{< relref "../visualizations/text-panel.md" >}}) and use markdown to customize the display. diff --git a/docs/sources/datasources/elasticsearch.md b/docs/sources/datasources/elasticsearch.md index b7aad264c7a..d701fa5e362 100644 --- a/docs/sources/datasources/elasticsearch.md +++ b/docs/sources/datasources/elasticsearch.md @@ -204,7 +204,7 @@ for annotation events. ## Querying Logs -Querying and displaying log data from Elasticsearch is available in [Explore]({{< relref "../explore" >}}), and in the [logs panel]({{< relref "../panels/visualizations/logs-panel.md" >}}) in dashboards. +Querying and displaying log data from Elasticsearch is available in [Explore]({{< relref "../explore" >}}), and in the [logs panel]({{< relref "../visualizations/logs-panel.md" >}}) in dashboards. Select the Elasticsearch data source, and then optionally enter a lucene query to display your logs. When switching from a Prometheus or Loki data source in Explore, your query is translated to an Elasticsearch log query with a correct Lucene filter. diff --git a/docs/sources/datasources/influxdb/_index.md b/docs/sources/datasources/influxdb/_index.md index 6e00876f856..fe6ea11ff13 100644 --- a/docs/sources/datasources/influxdb/_index.md +++ b/docs/sources/datasources/influxdb/_index.md @@ -126,7 +126,7 @@ You can switch to raw query mode by clicking hamburger icon and then `Switch edi ## Querying logs -Querying and displaying log data from InfluxDB is available in [Explore]({{< relref "../../explore/_index.md" >}}), and in the [logs panel]({{< relref "../../panels/visualizations/logs-panel.md" >}}) in dashboards. +Querying and displaying log data from InfluxDB is available in [Explore]({{< relref "../../explore/_index.md" >}}), and in the [logs panel]({{< relref "../../visualizations/logs-panel.md" >}}) in dashboards. Select the InfluxDB data source, and then enter a query to display your logs. ### Log queries diff --git a/docs/sources/datasources/loki.md b/docs/sources/datasources/loki.md index facf63400bd..85c98fdf3fa 100644 --- a/docs/sources/datasources/loki.md +++ b/docs/sources/datasources/loki.md @@ -79,7 +79,7 @@ There are two types of LogQL queries: ### Log queries -Querying and displaying log data from Loki is available via [Explore]({{< relref "../explore" >}}), and with the [logs panel]({{< relref "../panels/visualizations/logs-panel.md" >}}) in dashboards. Select the Loki data source, and then enter a [LogQL](https://grafana.com/docs/loki/latest/logql/#log-queries) query to display your logs. +Querying and displaying log data from Loki is available via [Explore]({{< relref "../explore" >}}), and with the [logs panel]({{< relref "../visualizations/logs-panel.md" >}}) in dashboards. Select the Loki data source, and then enter a [LogQL](https://grafana.com/docs/loki/latest/logql/#log-queries) query to display your logs. A log query consists of two parts: log stream selector, and a log pipeline. For performance reasons begin by choosing a log stream by selecting a log label. diff --git a/docs/sources/datasources/prometheus.md b/docs/sources/datasources/prometheus.md index 113755c35e2..18d6e8ed579 100644 --- a/docs/sources/datasources/prometheus.md +++ b/docs/sources/datasources/prometheus.md @@ -63,7 +63,7 @@ Open a graph in edit mode by clicking the title > Edit (or by pressing `e` key w The Prometheus data source allows you to run "instant" queries, which query only the latest value. You can visualize the results in a table panel to see all available labels of a timeseries. -Instant query results are made up only of one data point per series but can be shown in the graph panel with the help of [series overrides]({{< relref "../panels/visualizations/graph-panel.md#series-overrides" >}}). +Instant query results are made up only of one data point per series but can be shown in the graph panel with the help of [series overrides]({{< relref "../visualizations/graph-panel.md#series-overrides" >}}). To show them in the graph as a latest value point, add a series override and select `Points > true`. To show a horizontal line across the whole graph, add a series override and select `Transform > constant`. diff --git a/docs/sources/developers/plugins/build-a-logs-data-source-plugin.md b/docs/sources/developers/plugins/build-a-logs-data-source-plugin.md index c94921650b1..74706101655 100644 --- a/docs/sources/developers/plugins/build-a-logs-data-source-plugin.md +++ b/docs/sources/developers/plugins/build-a-logs-data-source-plugin.md @@ -47,7 +47,7 @@ frame.add({ time: 1589189388597, content: 'user registered' }); frame.add({ time: 1589189406480, content: 'user logged in' }); ``` -That's all you need to start returning log data from your data source. Go ahead and try it out in [Explore]({{< relref "../../explore/_index.md" >}}) or by adding a [Logs panel]({{< relref "../../panels/visualizations/logs-panel.md" >}}). +That's all you need to start returning log data from your data source. Go ahead and try it out in [Explore]({{< relref "../../explore/_index.md" >}}) or by adding a [Logs panel]({{< relref "../../visualizations/logs-panel.md" >}}). Congratulations, you just wrote your first logs data source plugin! Next, let's look at a couple of features that can further improve the experience for the user. diff --git a/docs/sources/panels/add-a-panel.md b/docs/sources/panels/add-a-panel.md index a04379af93d..d0525455184 100644 --- a/docs/sources/panels/add-a-panel.md +++ b/docs/sources/panels/add-a-panel.md @@ -31,14 +31,14 @@ In the Visualization list, click a visualization type. Grafana displays a previe ![](/static/img/docs/panel-editor/select-visualization-8-0.png) -For more information about individual visualizations, refer to [Visualizations options]({{< relref "visualizations/_index.md" >}}). +For more information about individual visualizations, refer to [Visualizations options]({{< relref "../visualizations/_index.md" >}}). ## 4. (Optional) Edit panel settings While not required, most visualizations need some adjustment before they properly display the information that you need. Options are defined in the linked topics below. - [Panel options]({{< relref "./panel-options.md" >}}) -- [Visualization-specific options]({{< relref "./visualizations/_index.md" >}}) +- [Visualization-specific options]({{< relref "../visualizations/_index.md" >}}) - [Standard options]({{< relref "./standard-options.md" >}}) - [Thresholds]({{< relref "./thresholds.md" >}}) - [Value mappings]({{< relref "./value-mappings.md" >}}) diff --git a/docs/sources/panels/legend-options.md b/docs/sources/panels/legend-options.md index afb287bee79..9e8822f39ea 100644 --- a/docs/sources/panels/legend-options.md +++ b/docs/sources/panels/legend-options.md @@ -10,8 +10,8 @@ Use the legend to adjust how a visualization displays series. This legend functi This topic currently applies to the following visualizations: -- [Pie chart panel]({{< relref "visualizations/pie-chart-panel.md">}}) -- [Time series panel]({{< relref "visualizations/time-series/_index.md" >}}) +- [Pie chart panel]({{< relref "../visualizations/pie-chart-panel.md">}}) +- [Time series panel]({{< relref "../visualizations/time-series/_index.md" >}}) ## Toggle series diff --git a/docs/sources/panels/panel-editor.md b/docs/sources/panels/panel-editor.md index 3a99092d46b..845ddead5c1 100644 --- a/docs/sources/panels/panel-editor.md +++ b/docs/sources/panels/panel-editor.md @@ -78,7 +78,7 @@ Options are documented in the following topics: - [Add a panel]({{< relref "./add-a-panel.md" >}}) describes how to add a panel to a dashboard. - [Panel options]({{< relref "./panel-options.md" >}}) -- [Visualization options]({{< relref "visualizations/_index.md" >}}) vary widely. They are described in the individual visualization topic. +- [Visualization options]({{< relref "../visualizations/_index.md" >}}) vary widely. They are described in the individual visualization topic. - [Standard options]({{< relref "./standard-options.md" >}}) - [Thresholds]({{< relref "./thresholds.md" >}}) - [Value mappings]({{< relref "./value-mappings.md" >}}) diff --git a/docs/sources/panels/transformations/types-options.md b/docs/sources/panels/transformations/types-options.md index 954502778e0..db14bee1251 100644 --- a/docs/sources/panels/transformations/types-options.md +++ b/docs/sources/panels/transformations/types-options.md @@ -80,7 +80,7 @@ Query B: ## Merge -Use this transformation to combine the result from multiple queries into one single result. This is helpful when using the table panel visualization. Values that can be merged are combined into the same row. Values are mergeable if the shared fields contain the same data. For information, refer to [Table panel]({{< relref "../visualizations/table/_index.md" >}}). +Use this transformation to combine the result from multiple queries into one single result. This is helpful when using the table panel visualization. Values that can be merged are combined into the same row. Values are mergeable if the shared fields contain the same data. For information, refer to [Table panel]({{< relref "../../visualizations/table/_index.md" >}}). In the example below, we have two queries returning table data. It is visualized as two separate tables before applying the transformation. diff --git a/docs/sources/shared/visualizations/change-axis-link.md b/docs/sources/shared/visualizations/change-axis-link.md index 1d164fb867f..462734fbd49 100644 --- a/docs/sources/shared/visualizations/change-axis-link.md +++ b/docs/sources/shared/visualizations/change-axis-link.md @@ -4,4 +4,4 @@ title: Stack series link ## Axis -For full instructions, refer to [Change axis display]({{< relref "../../panels/visualizations/time-series/change-axis-display.md" >}}). +For full instructions, refer to [Change axis display]({{< relref "../../visualizations/time-series/change-axis-display.md" >}}). diff --git a/docs/sources/shared/visualizations/stack-series-link.md b/docs/sources/shared/visualizations/stack-series-link.md index a4d6edbc8ca..f5dbced7ca4 100644 --- a/docs/sources/shared/visualizations/stack-series-link.md +++ b/docs/sources/shared/visualizations/stack-series-link.md @@ -4,4 +4,4 @@ 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" >}}). +For full instructions, refer to [Graph stacked time series]({{< relref "../../visualizations/time-series/graph-time-series-stacking.md" >}}). diff --git a/docs/sources/panels/visualizations/_index.md b/docs/sources/visualizations/_index.md similarity index 97% rename from docs/sources/panels/visualizations/_index.md rename to docs/sources/visualizations/_index.md index ab2abd78bbd..baa08e3e75a 100644 --- a/docs/sources/panels/visualizations/_index.md +++ b/docs/sources/visualizations/_index.md @@ -1,6 +1,7 @@ +++ -title = "Visualization panels" -weight = 420 +title = "Visualizations" +weight = 75 +aliases = ["/docs/grafana/latest/panels/visualizations/"] +++ # Visualization panels diff --git a/docs/sources/panels/visualizations/alert-list-panel.md b/docs/sources/visualizations/alert-list-panel.md similarity index 92% rename from docs/sources/panels/visualizations/alert-list-panel.md rename to docs/sources/visualizations/alert-list-panel.md index f2249989dc4..b667181a919 100644 --- a/docs/sources/panels/visualizations/alert-list-panel.md +++ b/docs/sources/visualizations/alert-list-panel.md @@ -1,13 +1,13 @@ +++ title = "Alert list" keywords = ["grafana", "alert list", "documentation", "panel", "alertlist"] -aliases = ["/docs/grafana/latest/reference/alertlist/", "/docs/grafana/latest/features/panels/alertlist/"] +aliases = ["/docs/grafana/latest/reference/alertlist/", "/docs/grafana/latest/features/panels/alertlist/", "/docs/grafana/latest/panels/visualizations/alert-list-panel/"] weight = 100 +++ # Alert list -The Alert list allows you to display your dashboards alerts. You can configure the list to show current state or recent state changes. You can read more about alerts in [Alerts overview]({{< relref "../../alerting/_index.md" >}}). +The Alert list allows you to display your dashboards alerts. You can configure the list to show current state or recent state changes. You can read more about alerts in [Alerts overview]({{< relref "../alerting/_index.md" >}}). {{< figure src="/static/img/docs/v45/alert-list-panel.png" max-width="850px" >}} diff --git a/docs/sources/panels/visualizations/annotations.md b/docs/sources/visualizations/annotations.md similarity index 94% rename from docs/sources/panels/visualizations/annotations.md rename to docs/sources/visualizations/annotations.md index 21cf1e82999..660a884a6df 100644 --- a/docs/sources/panels/visualizations/annotations.md +++ b/docs/sources/visualizations/annotations.md @@ -2,8 +2,8 @@ title = "Annotations" description = "Annotations visualization documentation" keywords = ["grafana", "Annotations", "panel", "documentation"] -aliases =["/docs/grafana/latest/features/panels/anotations/"] -weight = 600 +aliases = ["/docs/grafana/latest/features/panels/anotations/", "/docs/grafana/latest/panels/visualizations/annotations/"] +weight = 105 +++ # Annotations diff --git a/docs/sources/panels/visualizations/bar-chart.md b/docs/sources/visualizations/bar-chart.md similarity index 92% rename from docs/sources/panels/visualizations/bar-chart.md rename to docs/sources/visualizations/bar-chart.md index e54c07d6772..74467399c19 100644 --- a/docs/sources/panels/visualizations/bar-chart.md +++ b/docs/sources/visualizations/bar-chart.md @@ -3,6 +3,7 @@ title = "Bar chart" description = "Bar chart visualization" keywords = ["grafana", "docs", "bar chart", "panel", "barchart"] weight = 170 +aliases = ["/docs/grafana/latest/panels/visualizations/bar-chart/"] +++ # Bar chart @@ -67,7 +68,7 @@ Controls the fill opacity bars. ### Gradient mode -Set the mode of the gradient fill. Fill gradient is based on the line color. To change the color, use the standard [color scheme]({{< relref "../standard-options.md#color-scheme" >}}) field option. +Set the mode of the gradient fill. Fill gradient is based on the line color. To change the color, use the standard [color scheme]({{< relref "../panels/standard-options.md#color-scheme" >}}) field option. Gradient appearance is influenced by the **Fill opacity** setting. @@ -89,7 +90,7 @@ Gradient color is generated based on the hue of the line color. ### Legend calculations -Choose which of the [standard calculations]({{< relref "../calculations-list.md">}}) to show in the legend. You can have more than one. +Choose which of the [standard calculations]({{< relref "../panels/calculations-list.md">}}) to show in the legend. You can have more than one. ## Text size @@ -139,4 +140,4 @@ Set a **Soft min** or **soft max** option for better control of Y-axis limits. B **Soft min** and **soft max** settings can prevent blips from turning into mountains when the data is mostly flat, and hard min or max derived from standard min and max field options can prevent intermittent spikes from flattening useful detail by clipping the spikes past a defined point. -You can set standard min/max options to define hard limits of the Y-axis. For more information, refer to [Standard field options]({{< relref "../standard-options.md#max" >}}). +You can set standard min/max options to define hard limits of the Y-axis. For more information, refer to [Standard field options]({{< relref "../panels/standard-options.md#max" >}}). diff --git a/docs/sources/panels/visualizations/bar-gauge-panel.md b/docs/sources/visualizations/bar-gauge-panel.md similarity index 92% rename from docs/sources/panels/visualizations/bar-gauge-panel.md rename to docs/sources/visualizations/bar-gauge-panel.md index 0b8a9cb6bb0..d8101db0340 100644 --- a/docs/sources/panels/visualizations/bar-gauge-panel.md +++ b/docs/sources/visualizations/bar-gauge-panel.md @@ -2,7 +2,7 @@ title = "Bar gauge" description = "Bar gauge panel options" keywords = ["grafana", "bar", "bar gauge"] -aliases =["/docs/grafana/latest/features/panels/bar_gauge/"] +aliases = ["/docs/grafana/latest/features/panels/bar_gauge/", "/docs/grafana/latest/panels/visualizations/bar-gauge-panel/"] weight = 200 +++ @@ -26,7 +26,7 @@ Choose how Grafana displays your data. Show a calculated value based on all rows. -- **Calculation -** Select a reducer function that Grafana will use to reduce many fields to a single value. For a list of available calculations, refer to [List of calculations]({{< relref "../calculations-list.md" >}}). +- **Calculation -** Select a reducer function that Grafana will use to reduce many fields to a single value. For a list of available calculations, refer to [List of calculations]({{< relref "../panels/calculations-list.md" >}}). - **Fields -** Select the fields display in the panel. #### All values diff --git a/docs/sources/panels/visualizations/dashboard-list-panel.md b/docs/sources/visualizations/dashboard-list-panel.md similarity index 94% rename from docs/sources/panels/visualizations/dashboard-list-panel.md rename to docs/sources/visualizations/dashboard-list-panel.md index 4d385bf77b2..a77d4329645 100644 --- a/docs/sources/panels/visualizations/dashboard-list-panel.md +++ b/docs/sources/visualizations/dashboard-list-panel.md @@ -1,7 +1,7 @@ +++ title = "Dashboard list" keywords = ["grafana", "dashboard list", "documentation", "panel", "dashlist"] -aliases = ["/docs/grafana/latest/reference/dashlist/", "/docs/grafana/latest/features/panels/dashlist/"] +aliases = ["/docs/grafana/latest/reference/dashlist/", "/docs/grafana/latest/features/panels/dashlist/", "/docs/grafana/latest/panels/visualizations/dashboard-list-panel/"] weight = 300 +++ diff --git a/docs/sources/panels/visualizations/gauge-panel.md b/docs/sources/visualizations/gauge-panel.md similarity index 90% rename from docs/sources/panels/visualizations/gauge-panel.md rename to docs/sources/visualizations/gauge-panel.md index a94be9041c3..8aa8f14aecf 100644 --- a/docs/sources/panels/visualizations/gauge-panel.md +++ b/docs/sources/visualizations/gauge-panel.md @@ -2,7 +2,7 @@ title = "Gauge" description = "Gauge panel docs" keywords = ["grafana", "gauge", "gauge panel"] -aliases = ["/docs/grafana/latest/features/panels/gauge/"] +aliases = ["/docs/grafana/latest/features/panels/gauge/", "/docs/grafana/latest/panels/visualizations/gauge-panel/"] weight = 400 +++ @@ -24,7 +24,7 @@ Choose how Grafana displays your data. Show a calculated value based on all rows. -- **Calculation -** Select a reducer function that Grafana will use to reduce many fields to a single value. For a list of available calculations, refer to [List of calculations]({{< relref "../calculations-list.md" >}}). +- **Calculation -** Select a reducer function that Grafana will use to reduce many fields to a single value. For a list of available calculations, refer to [List of calculations]({{< relref "../panels/calculations-list.md" >}}). - **Fields -** Select the fields display in the panel. #### All values diff --git a/docs/sources/panels/visualizations/geomap.md b/docs/sources/visualizations/geomap.md similarity index 96% rename from docs/sources/panels/visualizations/geomap.md rename to docs/sources/visualizations/geomap.md index 8a219889b5f..55946519b3f 100644 --- a/docs/sources/panels/visualizations/geomap.md +++ b/docs/sources/visualizations/geomap.md @@ -2,7 +2,7 @@ title = "Geomap" description = "Geomap visualization documentation" keywords = ["grafana", "Geomap", "panel", "documentation"] -aliases =["/docs/grafana/latest/features/panels/geomap/"] +aliases = ["/docs/grafana/latest/features/panels/geomap/", "/docs/grafana/latest/panels/visualizations/geomap/"] weight = 600 +++ @@ -20,7 +20,7 @@ The base layer loads in a blank world map from the tile server to the Grafana pa ### Configure the default base layer with provisioning -You can configure the default base map using config files with Grafana’s provisioning system. For more information on all the settings, refer to the [provisioning docs page]({{< relref "../../administration/provisioning.md" >}}). +You can configure the default base map using config files with Grafana’s provisioning system. For more information on all the settings, refer to the [provisioning docs page]({{< relref "../administration/provisioning.md" >}}). Use the JSON configuration option `default_baselayer_config` to define the default base map. There are currently four base map options to choose from: `carto`, `esri-xyz`, `osm-standard`, `xyz`. Here are some provisioning examples for each base map option. diff --git a/docs/sources/panels/visualizations/graph-panel.md b/docs/sources/visualizations/graph-panel.md similarity index 94% rename from docs/sources/panels/visualizations/graph-panel.md rename to docs/sources/visualizations/graph-panel.md index f9c2340e465..c46c50c70c3 100644 --- a/docs/sources/panels/visualizations/graph-panel.md +++ b/docs/sources/visualizations/graph-panel.md @@ -1,7 +1,7 @@ +++ -title = "Graph panel (old)" +title = "Graph (old)" keywords = ["grafana", "graph panel", "documentation", "guide", "graph"] -aliases = ["/docs/grafana/latest/reference/graph/", "/docs/grafana/latest/features/panels/graph/"] +aliases = ["/docs/grafana/latest/reference/graph/", "/docs/grafana/latest/features/panels/graph/", "/docs/grafana/latest/panels/visualizations/graph-panel/"] weight = 500 +++ @@ -15,10 +15,10 @@ The graph panel can render metrics as a line, a path of dots, or a series of bar Graph visualizations allow you to apply: -- [Alerts]({{< relref "../../alerting/_index.md" >}}) - This is the only type of visualization that allows you to set alerts. -- [Data transformations]({{< relref "../transformations/_index.md" >}}) -- [Field overrides]({{< relref "../field-overrides.md" >}}) -- [Thresholds]({{< relref "../thresholds.md" >}}) +- [Alerts]({{< relref "../alerting/_index.md" >}}) - This is the only type of visualization that allows you to set alerts. +- [Data transformations]({{< relref "../panels/transformations/_index.md" >}}) +- [Field overrides]({{< relref "../panels/field-overrides.md" >}}) +- [Thresholds]({{< relref "../panels/thresholds.md" >}}) ## Display options @@ -125,7 +125,7 @@ Options are identical for both Y-axes. - **Value -** The aggregation type to use for the values. The default is total (summing the values together). - **Histogram -** Converts the graph into a histogram. A histogram is a kind of bar chart that groups numbers into ranges, often called buckets or bins. Taller bars show that more data falls in that range. - For more information about histograms, refer to [Introduction to histograms and heatmaps]({{< relref "../../basics/intro-histograms.md" >}}). + For more information about histograms, refer to [Introduction to histograms and heatmaps]({{< relref "../basics/intro-histograms.md" >}}). - **Buckets -** The number of buckets to group the values by. If left empty, then Grafana tries to calculate a suitable number of buckets. - **X-Min -** Filters out values from the histogram that are under this minimum limit. diff --git a/docs/sources/panels/visualizations/heatmap.md b/docs/sources/visualizations/heatmap.md similarity index 98% rename from docs/sources/panels/visualizations/heatmap.md rename to docs/sources/visualizations/heatmap.md index 322f07f01a3..6939f31dba4 100644 --- a/docs/sources/panels/visualizations/heatmap.md +++ b/docs/sources/visualizations/heatmap.md @@ -8,7 +8,7 @@ weight = 600 # Heatmap -The Heatmap panel visualization allows you to view histograms over time. For more information about histograms, refer to [Introduction to histograms and heatmaps]({{< relref "../../basics/intro-histograms.md" >}}). +The Heatmap panel visualization allows you to view histograms over time. For more information about histograms, refer to [Introduction to histograms and heatmaps]({{< relref "../basics/intro-histograms.md" >}}). ![](/static/img/docs/v43/heatmap_panel_cover.jpg) diff --git a/docs/sources/panels/visualizations/histogram.md b/docs/sources/visualizations/histogram.md similarity index 87% rename from docs/sources/panels/visualizations/histogram.md rename to docs/sources/visualizations/histogram.md index 31321f1cb7d..7def217c3e4 100644 --- a/docs/sources/panels/visualizations/histogram.md +++ b/docs/sources/visualizations/histogram.md @@ -2,6 +2,7 @@ title = "Histogram" description = "Histogram visualization" keywords = ["grafana", "docs", "bar chart", "panel", "barchart"] +aliases =["/docs/grafana/latest/features/panels/histogram/", "/docs/grafana/latest/panels/visualizations/histogram/"] weight = 605 +++ @@ -41,7 +42,7 @@ Controls the fill opacity bars. ### Gradient mode -Set the mode of the gradient fill. Fill gradient is based on the line color. To change the color, use the standard [color scheme]({{< relref "../standard-options.md#color-scheme" >}}) field option. +Set the mode of the gradient fill. Fill gradient is based on the line color. To change the color, use the standard [color scheme]({{< relref "../panels/standard-options.md#color-scheme" >}}) field option. Gradient display is influenced by the **Fill opacity** setting. @@ -63,4 +64,4 @@ Gradient color is generated based on the hue of the line color. ### Legend calculations -Choose a [standard calculations]({{< relref "../calculations-list.md">}}) to show in the legend. You can select more than one. +Choose a [standard calculations]({{< relref "../panels/calculations-list.md">}}) to show in the legend. You can select more than one. diff --git a/docs/sources/panels/visualizations/logs-panel.md b/docs/sources/visualizations/logs-panel.md similarity index 94% rename from docs/sources/panels/visualizations/logs-panel.md rename to docs/sources/visualizations/logs-panel.md index b8f62cb2410..179a25e8fbb 100644 --- a/docs/sources/panels/visualizations/logs-panel.md +++ b/docs/sources/visualizations/logs-panel.md @@ -1,7 +1,7 @@ +++ title = "Logs panel" keywords = ["grafana", "dashboard", "documentation", "panels", "logs panel"] -aliases = ["/docs/grafana/latest/reference/logs/", "/docs/grafana/latest/features/panels/logs/",] +aliases = ["/docs/grafana/latest/reference/logs/", "/docs/grafana/latest/features/panels/logs/", "/docs/grafana/latest/panels/visualizations/logs-panel/"] weight = 700 +++ @@ -17,7 +17,7 @@ To limit the number of lines rendered, you can use the **Max data points** setti ## Log level -For logs where a **level** label is specified, we use the value of the label to determine the log level and update color accordingly. If the log doesn't have a level label specified, we parse the log to find out if its content matches any of the supported expressions (see below for more information). The log level is always determined by the first match. In case Grafana is not able to determine a log level, it will be visualized with **unknown** log level. See [supported log levels and mappings of log level abbreviation and expressions]({{< relref "../../explore/_index.md#log-level" >}}). +For logs where a **level** label is specified, we use the value of the label to determine the log level and update color accordingly. If the log doesn't have a level label specified, we parse the log to find out if its content matches any of the supported expressions (see below for more information). The log level is always determined by the first match. In case Grafana is not able to determine a log level, it will be visualized with **unknown** log level. See [supported log levels and mappings of log level abbreviation and expressions]({{< relref "../explore/_index.md#log-level" >}}). ## Log details diff --git a/docs/sources/panels/visualizations/news-panel.md b/docs/sources/visualizations/news-panel.md similarity index 83% rename from docs/sources/panels/visualizations/news-panel.md rename to docs/sources/visualizations/news-panel.md index 59b78924245..020a1ea983b 100644 --- a/docs/sources/panels/visualizations/news-panel.md +++ b/docs/sources/visualizations/news-panel.md @@ -1,6 +1,7 @@ +++ title = "News" keywords = ["grafana", "news", "documentation", "panels", "news panel"] +aliases = ["/docs/grafana/latest/panels/visualizations/news-graph/"] weight = 800 +++ diff --git a/docs/sources/panels/visualizations/node-graph.md b/docs/sources/visualizations/node-graph.md similarity index 98% rename from docs/sources/panels/visualizations/node-graph.md rename to docs/sources/visualizations/node-graph.md index af312160449..1f4ba8c435b 100644 --- a/docs/sources/panels/visualizations/node-graph.md +++ b/docs/sources/visualizations/node-graph.md @@ -1,6 +1,7 @@ +++ -title = "Node graph panel" +title = "Node graph" keywords = ["grafana", "dashboard", "documentation", "panels", "node graph", "directed graph"] +aliases = ["/docs/grafana/latest/panels/visualizations/node-graph/"] weight = 850 +++ diff --git a/docs/sources/panels/visualizations/pie-chart-panel.md b/docs/sources/visualizations/pie-chart-panel.md similarity index 94% rename from docs/sources/panels/visualizations/pie-chart-panel.md rename to docs/sources/visualizations/pie-chart-panel.md index e5995edeca1..77a389120cc 100644 --- a/docs/sources/panels/visualizations/pie-chart-panel.md +++ b/docs/sources/visualizations/pie-chart-panel.md @@ -2,6 +2,7 @@ title = "Pie chart" keywords = ["grafana", "pie chart"] weight = 850 +aliases = ["/docs/grafana/latest/panels/visualizations/pie-chart-pane/"] +++ # Pie chart @@ -23,7 +24,7 @@ Choose how much information to show. ### Calculation -Select a calculation to reduce each series when Calculate has been selected. For information about available calculations, refer to the [Calculation list]({{< relref "../calculations-list.md" >}}). +Select a calculation to reduce each series when Calculate has been selected. For information about available calculations, refer to the [Calculation list]({{< relref "../panels/calculations-list.md" >}}). ### Limit diff --git a/docs/sources/panels/visualizations/stat-panel.md b/docs/sources/visualizations/stat-panel.md similarity index 96% rename from docs/sources/panels/visualizations/stat-panel.md rename to docs/sources/visualizations/stat-panel.md index b26b7946165..c78d73661df 100644 --- a/docs/sources/panels/visualizations/stat-panel.md +++ b/docs/sources/visualizations/stat-panel.md @@ -2,7 +2,7 @@ title = "Stat" description = "Stat panel documentation" keywords = ["grafana", "docs", "stat panel"] -aliases = ["/docs/grafana/latest/features/panels/stat/", "/docs/grafana/latest/features/panels/singlestat/", "/docs/grafana/latest/reference/singlestat/"] +aliases = ["/docs/grafana/latest/features/panels/stat/", "/docs/grafana/latest/features/panels/singlestat/", "/docs/grafana/latest/reference/singlestat/", "/docs/grafana/latest/panels/visualizations/stat-panel/"] weight = 900 +++ @@ -41,7 +41,7 @@ Choose how Grafana displays your data. Show a calculated value based on all rows. -- **Calculation -** Select a reducer function that Grafana will use to reduce many fields to a single value. For a list of available calculations, refer to [List of calculations]({{< relref "../calculations-list.md" >}}). +- **Calculation -** Select a reducer function that Grafana will use to reduce many fields to a single value. For a list of available calculations, refer to [List of calculations]({{< relref "../panels/calculations-list.md" >}}). - **Fields -** Select the fields display in the panel. #### All values diff --git a/docs/sources/panels/visualizations/state-timeline.md b/docs/sources/visualizations/state-timeline.md similarity index 86% rename from docs/sources/panels/visualizations/state-timeline.md rename to docs/sources/visualizations/state-timeline.md index 0320c392839..099b8e87eb7 100644 --- a/docs/sources/panels/visualizations/state-timeline.md +++ b/docs/sources/visualizations/state-timeline.md @@ -2,6 +2,7 @@ title = "State timeline" description = "State timeline visualization" keywords = ["grafana", "docs", "state timeline", "panel"] +aliases = ["/docs/grafana/latest/panels/visualizations/state-timeline/"] weight = 900 +++ @@ -41,7 +42,7 @@ Controls the opacity of state regions. ## Value mappings -To assign colors to boolean or string values, use [Value mappings]({{< relref "../value-mappings.md" >}}). +To assign colors to boolean or string values, use [Value mappings]({{< relref "../panels/value-mappings.md" >}}). {{< figure src="/static/img/docs/v8/value_mappings_side_editor.png" max-width="300px" caption="Value mappings side editor" >}} @@ -53,6 +54,6 @@ The panel can be used with time series data as well. In this case, the threshold ## Legend options -When the legend option is enabled it can show either the value mappings or the threshold brackets. To show the value mappings in the legend, it's important that the `Color scheme` option under [Standard options]({{< relref "../standard-options.md" >}}) is set to `Single color` or `Classic palette`. To see the threshold brackets in the legend set the `Color scheme` to `From thresholds`. +When the legend option is enabled it can show either the value mappings or the threshold brackets. To show the value mappings in the legend, it's important that the `Color scheme` option under [Standard options]({{< relref "../panels/standard-options.md" >}}) is set to `Single color` or `Classic palette`. To see the threshold brackets in the legend set the `Color scheme` to `From thresholds`. {{< docs/shared "visualizations/legend-mode.md" >}} diff --git a/docs/sources/panels/visualizations/status-history.md b/docs/sources/visualizations/status-history.md similarity index 87% rename from docs/sources/panels/visualizations/status-history.md rename to docs/sources/visualizations/status-history.md index 43dd05d78e4..6c44fdd3ca6 100644 --- a/docs/sources/panels/visualizations/status-history.md +++ b/docs/sources/visualizations/status-history.md @@ -2,6 +2,7 @@ title = "Status history" description = "Status history visualization" keywords = ["grafana", "docs", "status history", "panel"] +aliases = ["/docs/grafana/latest/panels/visualizations/status-history/"] weight = 900 +++ @@ -50,6 +51,6 @@ use gradient color schemes to color values. ## Legend options -When the legend option is enabled it can show either the value mappings or the threshold brackets. To show the value mappings in the legend, it's important that the `Color scheme` option under [Standard options]({{< relref "../standard-options.md" >}}) is set to `Single color` or `Classic palette`. To see the threshold brackets in the legend set the `Color scheme` to `From thresholds`. +When the legend option is enabled it can show either the value mappings or the threshold brackets. To show the value mappings in the legend, it's important that the `Color scheme` option under [Standard options]({{< relref "../panels/standard-options.md" >}}) is set to `Single color` or `Classic palette`. To see the threshold brackets in the legend set the `Color scheme` to `From thresholds`. {{< docs/shared "visualizations/legend-mode.md" >}} diff --git a/docs/sources/panels/visualizations/table/_index.md b/docs/sources/visualizations/table/_index.md similarity index 100% rename from docs/sources/panels/visualizations/table/_index.md rename to docs/sources/visualizations/table/_index.md diff --git a/docs/sources/panels/visualizations/table/filter-table-columns.md b/docs/sources/visualizations/table/filter-table-columns.md similarity index 89% rename from docs/sources/panels/visualizations/table/filter-table-columns.md rename to docs/sources/visualizations/table/filter-table-columns.md index 6bfe2b4cc0c..c92460a913e 100644 --- a/docs/sources/panels/visualizations/table/filter-table-columns.md +++ b/docs/sources/visualizations/table/filter-table-columns.md @@ -1,7 +1,7 @@ +++ title = "Filter table columns" keywords = ["grafana", "table options", "documentation", "format tables", "table filter", "filter columns"] -aliases = ["/docs/grafana/latest/reference/table/", "/docs/grafana/latest/features/panels/table_panel/", "/docs/grafana/next/panels/visualizations/table/table-field-options/"] +aliases = ["/docs/grafana/latest/reference/table/", "/docs/grafana/latest/features/panels/table_panel/", "/docs/grafana/next/panels/visualizations/table/table-field-options/", "/docs/grafana/latest/panels/visualizations/table/filter-table-columns/"] weight = 600 +++ @@ -12,7 +12,7 @@ If you turn on the **Column filter**, then you can filter table options. ## Turn on column filtering 1. In Grafana, navigate to the dashboard with the table with the columns that you want to filter. -1. On the table panel you want to filter, [open the panel editor]({{< relref "../../panel-editor.md#open-the-panel-editor" >}}). +1. On the table panel you want to filter, [open the panel editor]({{< relref "../../panels/panel-editor.md#open-the-panel-editor" >}}). 1. Click the **Field** tab. 1. In Table options, turn on the **Column filter** option. diff --git a/docs/sources/panels/visualizations/text-panel.md b/docs/sources/visualizations/text-panel.md similarity index 83% rename from docs/sources/panels/visualizations/text-panel.md rename to docs/sources/visualizations/text-panel.md index 804aa9327f3..b3afe3af2bc 100644 --- a/docs/sources/panels/visualizations/text-panel.md +++ b/docs/sources/visualizations/text-panel.md @@ -1,7 +1,7 @@ +++ title = "Text" keywords = ["grafana", "text", "documentation", "panel"] -aliases = ["/docs/grafana/latest/reference/alertlist/", "/docs/grafana/latest/features/panels/text/"] +aliases = ["/docs/grafana/latest/reference/alertlist/", "/docs/grafana/latest/features/panels/text/", "/docs/grafana/latest/panels/visualizations/text-panel/"] weight = 1100 +++ diff --git a/docs/sources/panels/visualizations/time-series/_index.md b/docs/sources/visualizations/time-series/_index.md similarity index 89% rename from docs/sources/panels/visualizations/time-series/_index.md rename to docs/sources/visualizations/time-series/_index.md index e30bfe1b757..de68030d94d 100644 --- a/docs/sources/panels/visualizations/time-series/_index.md +++ b/docs/sources/visualizations/time-series/_index.md @@ -1,6 +1,7 @@ +++ title = "Time series" keywords = ["grafana", "graph panel", "time series panel", "documentation", "guide", "graph"] +aliases = ["/docs/grafana/latest/panels/visualizations/time-series/"] weight = 1200 +++ @@ -22,7 +23,7 @@ These options are available whether you are graphing your time series as lines, ### Legend calculations -Choose which of the [standard calculations]({{< relref "../../calculations-list.md">}}) to show in the legend. You can have more than one. +Choose which of the [standard calculations]({{< relref "../../panels/calculations-list.md">}}) to show in the legend. You can have more than one. ## Graph styles diff --git a/docs/sources/panels/visualizations/time-series/annotate-time-series.md b/docs/sources/visualizations/time-series/annotate-time-series.md similarity index 90% rename from docs/sources/panels/visualizations/time-series/annotate-time-series.md rename to docs/sources/visualizations/time-series/annotate-time-series.md index d6dfaf9d3dd..cc7059eb96d 100644 --- a/docs/sources/panels/visualizations/time-series/annotate-time-series.md +++ b/docs/sources/visualizations/time-series/annotate-time-series.md @@ -1,12 +1,13 @@ +++ title = "Annotate time series" keywords = ["grafana", "time series panel", "documentation", "guide", "graph", "annotations"] -weight = 200 +aliases = ["/docs/grafana/latest/panels/visualizations/time-series/annotate-time-series/"] +weight = 100 +++ # Annotate time series -This section explains how to create annotations in the Time series panel. To read more about annotations support in Grafana please refer to [Annotations]({{< relref "../../../dashboards/annotations.md" >}}). +This section explains how to create annotations in the Time series panel. To read more about annotations support in Grafana please refer to [Annotations]({{< relref "../../dashboards/annotations.md" >}}). ## Add annotation diff --git a/docs/sources/panels/visualizations/time-series/change-axis-display.md b/docs/sources/visualizations/time-series/change-axis-display.md similarity index 95% rename from docs/sources/panels/visualizations/time-series/change-axis-display.md rename to docs/sources/visualizations/time-series/change-axis-display.md index b93969e5f8f..3c370ad3901 100644 --- a/docs/sources/panels/visualizations/time-series/change-axis-display.md +++ b/docs/sources/visualizations/time-series/change-axis-display.md @@ -1,6 +1,7 @@ +++ title = "Change axis display" keywords = ["grafana", "time series panel", "documentation", "guide", "graph"] +aliases = ["/docs/grafana/latest/panels/visualizations/time-series/change-axis-display/"] weight = 400 +++ @@ -60,7 +61,7 @@ Set a **Soft min** or **soft max** option for better control of Y-axis limits. B **Soft min** and **soft max** settings can prevent blips from turning into mountains when the data is mostly flat, and hard min or max derived from standard min and max field options can prevent intermittent spikes from flattening useful detail by clipping the spikes past a defined point. -You can set standard min/max options to define hard limits of the Y-axis. For more information, refer to [Standard field options]({{< relref "../../standard-options.md#max" >}}). +You can set standard min/max options to define hard limits of the Y-axis. For more information, refer to [Standard field options]({{< relref "../../panels/standard-options.md#max" >}}). ![Label example](/static/img/docs/time-series-panel/axis-soft-min-max-7-4.png) diff --git a/docs/sources/panels/visualizations/time-series/graph-color-scheme.md b/docs/sources/visualizations/time-series/graph-color-scheme.md similarity index 89% rename from docs/sources/panels/visualizations/time-series/graph-color-scheme.md rename to docs/sources/visualizations/time-series/graph-color-scheme.md index e028bc358fc..f73b30dc148 100644 --- a/docs/sources/panels/visualizations/time-series/graph-color-scheme.md +++ b/docs/sources/visualizations/time-series/graph-color-scheme.md @@ -1,6 +1,7 @@ +++ title = "Graph and color schemes " keywords = ["grafana", "time series panel", "documentation", "guide", "graph"] +aliases = ["/docs/grafana/latest/panels/visualizations/time-series/graph-color-scheme/"] weight = 400 +++ @@ -8,7 +9,7 @@ weight = 400 # Graph and color schemes -Under [Standard options]({{< relref "../../standard-options.md" >}}) you find the [Color scheme]({{< relref "../../standard-options.md#color-scheme" >}}) option. This option controls series are assigned their color. +Under [Standard options]({{< relref "../../panels/standard-options.md" >}}) you find the [Color scheme]({{< relref "../../panels/standard-options.md#color-scheme" >}}) option. This option controls series are assigned their color. ## Classic palette diff --git a/docs/sources/panels/visualizations/time-series/graph-time-series-as-bars.md b/docs/sources/visualizations/time-series/graph-time-series-as-bars.md similarity index 88% rename from docs/sources/panels/visualizations/time-series/graph-time-series-as-bars.md rename to docs/sources/visualizations/time-series/graph-time-series-as-bars.md index 38555b319cf..a95e2091b07 100644 --- a/docs/sources/panels/visualizations/time-series/graph-time-series-as-bars.md +++ b/docs/sources/visualizations/time-series/graph-time-series-as-bars.md @@ -1,6 +1,7 @@ +++ title = "Graph time series as bars" keywords = ["grafana", "time series panel", "documentation", "guide", "graph"] +aliases = ["/docs/grafana/latest/panels/visualizations/time-series/graph-time-series-as-bars/"] weight = 200 +++ @@ -10,8 +11,8 @@ This section explains how to use Time series field options to visualize time ser ## Create the panel -1. [Add a panel]({{< relref "../../add-a-panel.md" >}}). Select the [Time series]({{< relref "_index.md" >}}) visualization. -2. In the [Panel editor]({{< relref "../../panel-editor.md" >}}) side pane, click **Graph styles** to expand it. +1. [Add a panel]({{< relref "../../panels/add-a-panel.md" >}}). Select the [Time series]({{< relref "_index.md" >}}) visualization. +2. In the [Panel editor]({{< relref "../../panels/panel-editor.md" >}}) side pane, click **Graph styles** to expand it. 3. In Style, click **Bars**. ## Style the bars @@ -74,7 +75,7 @@ Fill opacity set to 95: ### Gradient mode -Set the mode of the gradient fill. Fill gradient is based on the line color. To change the color, use the standard [color scheme]({{< relref "../../standard-options.md#color-scheme" >}}) field option. +Set the mode of the gradient fill. Fill gradient is based on the line color. To change the color, use the standard [color scheme]({{< relref "../../panels/standard-options.md#color-scheme" >}}) field option. Gradient appearance is influenced by the **Fill opacity** setting. In the screenshots below, **Fill opacity** is set to 50. @@ -98,7 +99,7 @@ Gradient color is generated based on the hue of the line color. #### Scheme -In this mode the whole bar will use a color gradient defined by your [Color scheme]({{< relref "../../standard-options.md#color-scheme" >}}) option. There is more information on this option in [Graph and color scheme]({{< relref "./graph-color-scheme.md" >}}). +In this mode the whole bar will use a color gradient defined by your [Color scheme]({{< relref "../../panels/standard-options.md#color-scheme" >}}) option. There is more information on this option in [Graph and color scheme]({{< relref "./graph-color-scheme.md" >}}). {{< figure src="/static/img/docs/time-series-panel/gradient_mode_scheme_bars.png" max-width="1200px" caption="Gradient color scheme mode" >}} diff --git a/docs/sources/panels/visualizations/time-series/graph-time-series-as-lines.md b/docs/sources/visualizations/time-series/graph-time-series-as-lines.md similarity index 91% rename from docs/sources/panels/visualizations/time-series/graph-time-series-as-lines.md rename to docs/sources/visualizations/time-series/graph-time-series-as-lines.md index e7b5d613333..dbb4760d859 100644 --- a/docs/sources/panels/visualizations/time-series/graph-time-series-as-lines.md +++ b/docs/sources/visualizations/time-series/graph-time-series-as-lines.md @@ -1,7 +1,8 @@ +++ title = "Graph time series as lines" keywords = ["grafana", "time series panel", "documentation", "guide", "graph"] -weight = 100 +aliases = ["/docs/grafana/latest/panels/visualizations/time-series/graph-time-series-as-lines/"] +weight = 200 +++ # Graph time series as lines @@ -10,8 +11,8 @@ This section explains how to use Time series field options to visualize time ser ## Create the panel -1. [Add a panel]({{< relref "../../add-a-panel.md" >}}). Select the [Time series]({{< relref "_index.md" >}}) visualization. -1. In the [Panel editor]({{< relref "../../panel-editor.md" >}}) side pane, click **Graph styles** to expand it. +1. [Add a panel]({{< relref "../../panels/add-a-panel.md" >}}). Select the [Time series]({{< relref "_index.md" >}}) visualization. +1. In the [Panel editor]({{< relref "../../panels/panel-editor.md" >}}) side pane, click **Graph styles** to expand it. 1. In Style, click **Lines**. ## Style the lines @@ -82,7 +83,7 @@ Fill opacity set to 95: ### Gradient mode -Set the mode of the gradient fill. Fill gradient is based on the line color. To change the color, use the standard [color scheme]({{< relref "../../standard-options.md#color-scheme" >}}) field option. +Set the mode of the gradient fill. Fill gradient is based on the line color. To change the color, use the standard [color scheme]({{< relref "../../panels/standard-options.md#color-scheme" >}}) field option. Gradient appearance is influenced by the **Fill opacity** setting. In the screenshots below, **Fill opacity** is set to 50. @@ -106,13 +107,13 @@ Gradient color is generated based on the hue of the line color. #### Scheme -In this mode the whole line will use a color gradient defined by your [Color scheme]({{< relref "../../standard-options.md#color-scheme" >}}) option. There is more information on this option in [Graph and color scheme]({{< relref "./graph-color-scheme.md" >}}). +In this mode the whole line will use a color gradient defined by your [Color scheme]({{< relref "../../panels/standard-options.md#color-scheme" >}}) option. There is more information on this option in [Graph and color scheme]({{< relref "./graph-color-scheme.md" >}}). {{< figure src="/static/img/docs/time-series-panel/gradient_mode_scheme_line.png" max-width="1200px" caption="Gradient mode scheme" >}} ### Line style -Set the style of the line. To change the color, use the standard [color scheme]({{< relref "../../standard-options.md#color-scheme" >}}) field option. +Set the style of the line. To change the color, use the standard [color scheme]({{< relref "../../panels/standard-options.md#color-scheme" >}}) field option. Line style appearance is influenced by the **Line width** and **Fill opacity** settings. In the screenshots below, **Line width** is set to 3 and **Fill opacity** is set to 20. diff --git a/docs/sources/panels/visualizations/time-series/graph-time-series-as-points.md b/docs/sources/visualizations/time-series/graph-time-series-as-points.md similarity index 76% rename from docs/sources/panels/visualizations/time-series/graph-time-series-as-points.md rename to docs/sources/visualizations/time-series/graph-time-series-as-points.md index da57d4837e2..ac5f0852506 100644 --- a/docs/sources/panels/visualizations/time-series/graph-time-series-as-points.md +++ b/docs/sources/visualizations/time-series/graph-time-series-as-points.md @@ -1,6 +1,7 @@ +++ title = "Graph time series as points" keywords = ["grafana", "time series panel", "documentation", "guide", "graph"] +aliases = ["/docs/grafana/latest/panels/visualizations/time-series/graph-time-series-as-points/"] weight = 300 +++ @@ -10,8 +11,8 @@ This section explains how to use Time series field options to visualize time ser ## Create the panel -1. [Add a panel]({{< relref "../../add-a-panel.md" >}}). Select the [Time series]({{< relref "_index.md" >}}) visualization. -1. In the [Panel editor]({{< relref "../../panel-editor.md" >}}) side pane, click **Graph styles** to expand it. +1. [Add a panel]({{< relref "../../panels/add-a-panel.md" >}}). Select the [Time series]({{< relref "_index.md" >}}) visualization. +1. In the [Panel editor]({{< relref "../../panels/panel-editor.md" >}}) side pane, click **Graph styles** to expand it. 1. In Style, click **Points**. ## Style the points diff --git a/docs/sources/panels/visualizations/time-series/graph-time-series-stacking.md b/docs/sources/visualizations/time-series/graph-time-series-stacking.md similarity index 91% rename from docs/sources/panels/visualizations/time-series/graph-time-series-stacking.md rename to docs/sources/visualizations/time-series/graph-time-series-stacking.md index 90f6a2d52d7..9b2ccdba022 100644 --- a/docs/sources/panels/visualizations/time-series/graph-time-series-stacking.md +++ b/docs/sources/visualizations/time-series/graph-time-series-stacking.md @@ -1,6 +1,7 @@ +++ title = "Graph stacked time series" keywords = ["grafana", "time series panel", "documentation", "guide", "graph"] +aliases =["/docs/grafana/latest/features/panels/histogram/", "/docs/grafana/latest/panels/visualizations/time-series/graph-time-series-stacking/"] weight = 400 +++ @@ -36,7 +37,7 @@ Enable stacking series on top of each other. The stacking group option is only available as an override. -For more information about creating field overrides, refer to [Field overrides]({{< relref "../../field-overrides.md" >}}). +For more information about creating field overrides, refer to [Field overrides]({{< relref "../../panels/field-overrides.md" >}}). Stack series in the same group. In the Overrides section: diff --git a/docs/sources/whatsnew/whats-new-in-v5-1.md b/docs/sources/whatsnew/whats-new-in-v5-1.md index 02a4486f75e..194b65fcbf6 100644 --- a/docs/sources/whatsnew/whats-new-in-v5-1.md +++ b/docs/sources/whatsnew/whats-new-in-v5-1.md @@ -84,7 +84,7 @@ copied panel into the current dashboard. ### Graph Panel -New enhancements include support for multiple series stacking in histogram mode, thresholds for right Y axis, aligning left and right Y-axes to one level and additional units. More information in the [Graph panel documentation]({{< relref "../panels/visualizations/graph-panel.md" >}}). +New enhancements include support for multiple series stacking in histogram mode, thresholds for right Y axis, aligning left and right Y-axes to one level and additional units. More information in the [Graph panel documentation]({{< relref "../visualizations/graph-panel.md" >}}). ### Table Panel diff --git a/docs/sources/whatsnew/whats-new-in-v7-1.md b/docs/sources/whatsnew/whats-new-in-v7-1.md index ceccc8d6715..a5a917a9a3e 100644 --- a/docs/sources/whatsnew/whats-new-in-v7-1.md +++ b/docs/sources/whatsnew/whats-new-in-v7-1.md @@ -60,7 +60,7 @@ The new table panel introduced in 7.0 was missing a few features that the old ta ## Stat panel text mode -The [stat panel]({{}}) has a new **Text mode** option to control what text to show. +The [stat panel]({{}}) has a new **Text mode** option to control what text to show. By default, the Stat panel displays: diff --git a/docs/sources/whatsnew/whats-new-in-v7-2.md b/docs/sources/whatsnew/whats-new-in-v7-2.md index 00d98394875..e3d7f227d19 100644 --- a/docs/sources/whatsnew/whats-new-in-v7-2.md +++ b/docs/sources/whatsnew/whats-new-in-v7-2.md @@ -67,7 +67,7 @@ You can now dynamically apply value filters to any table column. This option can {{< figure src="/static/img/docs/v72/table_column_filters.png" max-width="800px" caption="Table column filters" >}} -[Filter table columns]({{< relref "../panels/visualizations/table/filter-table-columns.md" >}}) has been added as a result of this feature. +[Filter table columns]({{< relref "../visualizations/table/filter-table-columns.md" >}}) has been added as a result of this feature. ### New field override selection options diff --git a/docs/sources/whatsnew/whats-new-in-v7-3.md b/docs/sources/whatsnew/whats-new-in-v7-3.md index d9e2f9917ab..bab3cf37b16 100644 --- a/docs/sources/whatsnew/whats-new-in-v7-3.md +++ b/docs/sources/whatsnew/whats-new-in-v7-3.md @@ -53,7 +53,7 @@ Another thing to highlight is that all these new color schemes are theme aware a {{< figure src="/static/img/docs/v73/table_color_scheme_mono_light.png" max-width="900px" caption="table color monochrome scheme" >}} -As this new option is a standard field option it works in every panel. Here is another example from the [Bar Gauge]({{< relref "../panels/visualizations/bar-gauge-panel.md" >}}) panel. +As this new option is a standard field option it works in every panel. Here is another example from the [Bar Gauge]({{< relref "../visualizations/bar-gauge-panel.md" >}}) panel. {{< figure src="/static/img/docs/v73/bar_gauge_gradient_color_scheme.png" max-width="900px" caption="bar gauge color scheme" >}} diff --git a/docs/sources/whatsnew/whats-new-in-v7-4.md b/docs/sources/whatsnew/whats-new-in-v7-4.md index eaef3b2f406..d71053fba1b 100644 --- a/docs/sources/whatsnew/whats-new-in-v7-4.md +++ b/docs/sources/whatsnew/whats-new-in-v7-4.md @@ -30,11 +30,11 @@ Apart from major performance improvements, the new Time series panel implements The following documentation topics were added for this feature: -- [Time series panel]({{< relref "../panels/visualizations/time-series/_index.md" >}}) -- [Graph time series as lines]({{< relref "../panels/visualizations/time-series/graph-time-series-as-lines.md" >}}) -- [Graph time series as bars]({{< relref "../panels/visualizations/time-series/graph-time-series-as-bars.md" >}}) -- [Graph time series as points]({{< relref "../panels/visualizations/time-series/graph-time-series-as-points" >}}) -- [Change axis display]({{< relref "../panels/visualizations/time-series/change-axis-display.md" >}}) +- [Time series panel]({{< relref "../visualizations/time-series/_index.md" >}}) +- [Graph time series as lines]({{< relref "../visualizations/time-series/graph-time-series-as-lines.md" >}}) +- [Graph time series as bars]({{< relref "../visualizations/time-series/graph-time-series-as-bars.md" >}}) +- [Graph time series as points]({{< relref "../visualizations/time-series/graph-time-series-as-points" >}}) +- [Change axis display]({{< relref "../visualizations/time-series/change-axis-display.md" >}}) ### Node graph panel visualization (Beta) @@ -44,7 +44,7 @@ All the information and stats shown in the Node graph beta are driven by the dat For more details about how to use the X-Ray service map feature, see the [X-Ray plugin documentation](https://grafana.com/grafana/plugins/grafana-x-ray-datasource). -For more information, refer to [Node graph panel]({{< relref "../panels/visualizations/node-graph.md" >}}). +For more information, refer to [Node graph panel]({{< relref "../visualizations/node-graph.md" >}}). ### New transformations diff --git a/docs/sources/whatsnew/whats-new-in-v7-5.md b/docs/sources/whatsnew/whats-new-in-v7-5.md index ad451e48826..979d4597b0e 100644 --- a/docs/sources/whatsnew/whats-new-in-v7-5.md +++ b/docs/sources/whatsnew/whats-new-in-v7-5.md @@ -22,7 +22,7 @@ Grafana 7.5 adds a beta version of the next-generation pie chart panel. ![Pie chart panel](/static/img/docs/pie-chart-panel/pie-chart-panel-7-5.png) -For more information, refer to [Pie chart panel]({{< relref "../panels/visualizations/pie-chart-panel.md" >}}). +For more information, refer to [Pie chart panel]({{< relref "../visualizations/pie-chart-panel.md" >}}). ### Alerting for Loki diff --git a/docs/sources/whatsnew/whats-new-in-v8-0.md b/docs/sources/whatsnew/whats-new-in-v8-0.md index e9f2df259d6..4d4eb83b89b 100644 --- a/docs/sources/whatsnew/whats-new-in-v8-0.md +++ b/docs/sources/whatsnew/whats-new-in-v8-0.md @@ -52,7 +52,7 @@ The Bar chart panel is a new visualization that supports categorical data. It on To use it with time series you first have to add a **Reduce** transform. -For more information, refer to [Bar chart visualization]({{< relref "../panels/visualizations/bar-chart.md" >}}). +For more information, refer to [Bar chart visualization]({{< relref "../visualizations/bar-chart.md" >}}). ### State timeline visualization (beta) @@ -66,11 +66,11 @@ Example with string values: With time series data and thresholds: {{< figure src="/static/img/docs/v8/state_timeline_time_series.png" max-width="800px" caption="state timeline with time series" >}} -For more information, refer to [State timeline visualization]({{< relref "../panels/visualizations/state-timeline.md" >}}). +For more information, refer to [State timeline visualization]({{< relref "../visualizations/state-timeline.md" >}}). ### Status history visualization (beta) -A sister panel to the state timeline is the new Status history panel visualization. It can display periodic states in a grid view. It supports both numerical, string, or boolean states. You can assign colors using value mappings, thresholds, or gradient color. For more information, refer to [Status history]({{< relref "../panels/visualizations/status-history.md" >}}). +A sister panel to the state timeline is the new Status history panel visualization. It can display periodic states in a grid view. It supports both numerical, string, or boolean states. You can assign colors using value mappings, thresholds, or gradient color. For more information, refer to [Status history]({{< relref "../visualizations/status-history.md" >}}). schemes. ![Status grid visualization](/static/img/docs/status-grid/status-grid-8-0.png) @@ -81,20 +81,20 @@ This hidden feature of the old Graph panel is now a standalone visualization. It {{< figure src="/static/img/docs/histogram/histogram-8-0.png" max-width="1025px" caption="Histogram example" >}} -For more information, refer to [Histogram]({{< relref "../panels/visualizations/histogram.md" >}}) +For more information, refer to [Histogram]({{< relref "../visualizations/histogram.md" >}}) ### Time series visualization updates The Time series is out of beta! We are removing the `Beta` tag and graduating the Time series visualization 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" >}}). +- The Time series panel now supports stacking. For more information, refer to [Graph stacked time series]({{< relref "../visualizations/time-series/graph-time-series-stacking.md" >}}). - You can now add alerts in the Time series panel, just like the old Graph panel. -- Updated [connect null values]({{< relref "../panels/visualizations/time-series/graph-time-series-as-lines.md#connect-null-values" >}}) options. +- Updated [connect null values]({{< relref "../visualizations/time-series/graph-time-series-as-lines.md#connect-null-values" >}}) options. - 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. -[Time series panel]({{< relref "../panels/visualizations/time-series/_index.md" >}}) topics have been updated as a result of these changes. +[Time series panel]({{< relref "../visualizations/time-series/_index.md" >}}) topics have been updated as a result of these changes. ### Node graph visualization updates @@ -102,7 +102,7 @@ You can now expand the node graph for the displayed trace when using the Trace t We also added a grid view and the ability to explore hidden nodes. -[Tracing in Explore]({{< relref "../explore/trace-integration.md" >}}) and [Node graph]({{< relref "../panels/visualizations/node-graph.md" >}}) were updated as a result of these changes. +[Tracing in Explore]({{< relref "../explore/trace-integration.md" >}}) and [Node graph]({{< relref "../visualizations/node-graph.md" >}}) were updated as a result of these changes. ### Pie chart visualization updates diff --git a/docs/sources/whatsnew/whats-new-in-v8-1.md b/docs/sources/whatsnew/whats-new-in-v8-1.md index d4d41e5bbb4..cc3c1b4476d 100644 --- a/docs/sources/whatsnew/whats-new-in-v8-1.md +++ b/docs/sources/whatsnew/whats-new-in-v8-1.md @@ -24,7 +24,7 @@ These features are included in the Grafana open source edition. Grafana 8.1 introduces the foundation for our new map panel. This new panel leverages [OpenLayers](https://openlayers.org/) and gives us a flexible solution for extending the way we use the new Geomap panel moving forward. The new Geomap panel includes multiple base layer styles (map layer options), as well as a more open data layer. The data layer can use coordinates and geo-hashed data in addition to a lookup table. -The Geomap panel is also able to share views across multiple Geomap panels on the same dashboard, making it straightforward to visualize and explore multiple types of geospatial data using the same map zoom and focus settings. For more information, refer to [Geomap panel]({{< relref "../panels/visualizations/geomap.md" >}}). +The Geomap panel is also able to share views across multiple Geomap panels on the same dashboard, making it straightforward to visualize and explore multiple types of geospatial data using the same map zoom and focus settings. For more information, refer to [Geomap panel]({{< relref "../visualizations/geomap.md" >}}). {{< figure src="/static/img/docs/geomap-panel/geomap_with_heatmap.png" max-width="850px" caption="Geomap panel: Heatmap" >}} ## Annotation panel @@ -43,9 +43,9 @@ Color scheme **From thresholds**: Color scheme: **Green-Yellow-Red (by value)** {{< figure src="/static/img/docs/time-series-panel/gradient_mode_scheme_line.png" max-width="1200px" caption="Color scheme: Green-Yellow-Red" >}} -For more on how to configure Graphs with by value color schemes read [Graph and color schemes]({{< relref "../panels/visualizations/time-series/_index.md" >}}). +For more on how to configure Graphs with by value color schemes read [Graph and color schemes]({{< relref "../visualizations/time-series/_index.md" >}}). -You can also create annotations on the new Time series panel]({{< relref "../panels/visualizations/time-series/annotate-time-series.md" >}}), bringing it closer to parity with the legacy Graph Panel. To learn more, refer to the [time series panel]({{< relref "../panels/visualizations/time-series/_index.md" >}}). +You can also create annotations on the new Time series panel]({{< relref "../visualizations/time-series/annotate-time-series.md" >}}), bringing it closer to parity with the legacy Graph Panel. To learn more, refer to the [time series panel]({{< relref "../visualizations/time-series/_index.md" >}}). ### Transformations improvements @@ -103,7 +103,7 @@ And here is the prettified JSON log. {{< figure src="/static/img/docs/panels/pretty-json/prettified-json.png" max-width="1200px" caption="Prettified JSON" >}} -For more on how to prettify JSON logs, refer to [Visualization]({{< relref "../panels/visualizations/_index.md" >}}) and [Display]({{< relref "../panels/visualizations/logs-panel.md" >}}) options. +For more on how to prettify JSON logs, refer to [Visualization]({{< relref "../visualizations/_index.md" >}}) and [Display]({{< relref "../visualizations/logs-panel.md" >}}) options. ### Plugin catalog - Updated UX and extended features @@ -111,7 +111,7 @@ We’ve made some changes to the plugins UI to help make it easier to discover a #### Documentation updates -New panel summaries and preview on the top level [Visualizations]({{< relref "../panels/visualizations/_index.md" >}}) page to help users pick or learn about specific visualizations more easily. +New panel summaries and preview on the top level [Visualizations]({{< relref "../visualizations/_index.md" >}}) page to help users pick or learn about specific visualizations more easily. ### Upcoming changes to the Select component