replace missing images on load, added visualization descriptions
Scott Anderson
parent
4b88a14715
commit
e3f6b3da23
|
|
@ -84,3 +84,10 @@ $(".truncate-toggle").click(function(e) {
|
|||
e.preventDefault()
|
||||
$(this).closest('.truncate').toggleClass('closed');
|
||||
})
|
||||
|
||||
//////////////////// Replace Missing Images with Placeholder ///////////////////
|
||||
|
||||
$(".article--content img").on("error", function() {
|
||||
$(this).attr("src", "/img/coming-soon.svg");
|
||||
$(this).attr("style", "max-width:500px;");
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
---
|
||||
title: Visualize data with InfluxDB
|
||||
description: placeholder
|
||||
description: >
|
||||
InfluxDB offers a complete dashboard solution for visualizing your time series data.
|
||||
Create custom dashboards with flexible queries and visualization types.
|
||||
menu:
|
||||
v2_0:
|
||||
name: Visualize data
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
title: Manage InfluxDB dashboards
|
||||
description: This is just an example post to show the format of new 2.0 posts
|
||||
description: Create, edit, and manage custom dashboards in the InfluxDB user interface (UI).
|
||||
menu:
|
||||
v2_0:
|
||||
name: Manage dashboards
|
||||
|
|
|
|||
|
|
@ -1,6 +1,9 @@
|
|||
---
|
||||
title: Explore metrics with InfluxDB
|
||||
description:
|
||||
description: >
|
||||
Explore and visualize your data in InfluxDB's Data Explorer.
|
||||
The InfluxDB user interface (UI) allows you to move seamlessly between using the
|
||||
Flux builder and manually editing the query.
|
||||
menu:
|
||||
v2_0:
|
||||
name: Explore metrics
|
||||
|
|
@ -8,7 +11,10 @@ menu:
|
|||
weight: 1
|
||||
---
|
||||
|
||||
Explore and visualize your data in the **Data Explorer**. The user interface (UI) allows you to move seamlessly between using the builder or templates and manually editing the query; when possible, the interface automatically populates the builder with the information from your raw query. Choose between [visualization types](/v2.0/visualize-data/visualization-types/) for your query.
|
||||
Explore and visualize your data in the **Data Explorer**.
|
||||
The InfluxDB user interface (UI) allows you to move seamlessly between using the
|
||||
Flux builder or templates and manually editing the query.
|
||||
Choose between [visualization types](/v2.0/visualize-data/visualization-types/) for your query.
|
||||
|
||||
To open the **Data Explorer**, click the **Data Explorer** icon in the navigation bar:
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
---
|
||||
title: Manage labels in the InfluxDB UI
|
||||
description: This is just an example post to show the format of new 2.0 posts
|
||||
description: >
|
||||
Labels are a way to add visual metadata to dashboards, tasks, and other items
|
||||
in the InfluxDB UI. View and manage labels in the InfluxDB user interface.
|
||||
menu:
|
||||
v2_0:
|
||||
name: Manage labels
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
title: Manage sources
|
||||
description: This is just an example post to show the format of new 2.0 posts
|
||||
description: InfluxDB offers a complete dashboard solution for visualizing your data and monitoring your infrastructure.
|
||||
menu:
|
||||
v2_0:
|
||||
name: Manage sources
|
||||
|
|
@ -9,7 +9,7 @@ menu:
|
|||
---
|
||||
|
||||
|
||||
Chronograf offers a complete dashboard solution for visualizing your data and monitoring your infrastructure:
|
||||
InfluxDB offers a complete dashboard solution for visualizing your data and monitoring your infrastructure:
|
||||
|
||||
* View [pre-created dashboards](/chronograf/latest/guides/using-precreated-dashboards) from the Host List page. Dashboards are available depending on which Telegraf input plugins you have enabled. These pre-created dashboards cannot be cloned or edited.
|
||||
* Create custom dashboards from scratch by building queries in the Data Explorer, as described [below](#build-a-dashboard).
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
---
|
||||
title: Visualization types
|
||||
description: This is just an example post to show the format of new 2.0 posts
|
||||
description: >
|
||||
InfluxDB dashboards support mulitple visualization types including line graphs,
|
||||
gauges, tables, and more.
|
||||
menu:
|
||||
v2_0:
|
||||
name: Visualization types
|
||||
|
|
@ -8,9 +10,11 @@ menu:
|
|||
weight: 1
|
||||
---
|
||||
|
||||
Chronograf's dashboard views support the following visualization types, which can be selected in the **Visualization Type** selection view of the <<link to data explorer article>>.
|
||||
The InfluxDB's user interface's (UI) dashboard views support the following visualization types,
|
||||
which can be selected in the **Visualization Type** selection view of the
|
||||
[Data Explorer](/v2.0/visualize-data/explore-metrices).
|
||||
|
||||
[Visualization Type selector](/img/chronograf/chrono-viz-types-selector.png)
|
||||
[Visualization Type selector](/img/chrono-viz-types-selector.png)
|
||||
|
||||
Each of the available visualization types and available user controls are described below.
|
||||
|
||||
|
|
@ -23,7 +27,7 @@ Each of the available visualization types and available user controls are descri
|
|||
* [Gauge](#gauge)
|
||||
* [Table](#table)
|
||||
|
||||
For information on adding and displaying annotations in graph views, see [Adding annotations to Chronograf views](/chronograf/v1.7/guides/annotations/).
|
||||
For information on adding and displaying annotations in graph views, see [Adding annotations to Chronograf views](/v1.7/guides/annotations/).
|
||||
|
||||
### Graphs
|
||||
|
||||
|
|
@ -33,11 +37,11 @@ There are several types of graphs you can create.
|
|||
|
||||
The **Line Graph** view displays a time series in a line graph.
|
||||
|
||||
|
||||
|
||||
|
||||
##### Line Graph Controls
|
||||
|
||||
|
||||
|
||||
|
||||
Use the **Line Graph Controls** to specify the following:
|
||||
|
||||
|
|
@ -56,18 +60,18 @@ Use the **Line Graph Controls** to specify the following:
|
|||
|
||||
##### Line Graph example
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#### Stacked Graph
|
||||
|
||||
The **Stacked Graph** view displays multiple time series bars as segments stacked on top of each other.
|
||||
|
||||
|
||||
|
||||
|
||||
##### Stacked Graph Controls
|
||||
|
||||
|
||||
|
||||
|
||||
Use the **Stacked Graph Controls** to specify the following:
|
||||
|
||||
|
|
@ -86,18 +90,18 @@ Use the **Stacked Graph Controls** to specify the following:
|
|||
|
||||
##### Stacked Graph example
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
### Step Graph
|
||||
|
||||
The **Step-Plot Graph** view displays a time series in a staircase graph.
|
||||
|
||||
|
||||
|
||||
|
||||
#### Step Graph Controls
|
||||
|
||||
|
||||
|
||||
|
||||
Use the **Step-Plot Graph Controls** to specify the following:
|
||||
|
||||
|
|
@ -114,7 +118,7 @@ Use the **Step-Plot Graph Controls** to specify the following:
|
|||
|
||||
#### Step-Plot Graph example
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
### Bar Graph
|
||||
|
|
@ -123,11 +127,11 @@ The **Bar Graph** view displays the specified time series using a bar chart.
|
|||
|
||||
To select this view, click the Bar Graph selector icon.
|
||||
|
||||
|
||||
|
||||
|
||||
#### Bar Graph Controls
|
||||
|
||||
|
||||
|
||||
|
||||
Use the **Bar Graph Controls** to specify the following:
|
||||
|
||||
|
|
@ -144,7 +148,7 @@ Use the **Bar Graph Controls** to specify the following:
|
|||
|
||||
#### Bar Graph example
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
### Line Graph + Single Stat
|
||||
|
|
@ -153,11 +157,11 @@ The **Line Graph + Single Stat** view displays the specified time series in a li
|
|||
|
||||
To select this view, click the **Line Graph + Single Stat** view option.
|
||||
|
||||
|
||||
|
||||
|
||||
#### Line Graph + Single Stat Controls
|
||||
|
||||
|
||||
|
||||
|
||||
Use the **Line Graph + Single Stat Controls** to specify the following:
|
||||
|
||||
|
|
@ -174,13 +178,13 @@ Use the **Line Graph + Single Stat Controls** to specify the following:
|
|||
|
||||
#### Line Graph + Single Stat example
|
||||
|
||||
|
||||
|
||||
|
||||
### Single Stat
|
||||
|
||||
The **Single Stat** view displays the most recent value of the specified time series as a numerical value.
|
||||
|
||||
|
||||
|
||||
|
||||
If a cell's query includes a [`GROUP BY` tag](/influxdb/latest/query_language/data_exploration/#group-by-tags) clause, Chronograf sorts the different [series](/influxdb/latest/concepts/glossary/#series) lexicographically and shows the most recent [field value](/influxdb/latest/concepts/glossary/#field-value) associated with the first series.
|
||||
For example, if a query groups by the `name` [tag key](/influxdb/latest/concepts/glossary/#tag-key) and `name` has two [tag values](/influxdb/latest/concepts/glossary/#tag-value) (`chronelda` and `chronz`), Chronograf shows the most recent field value associated with the `chronelda` series.
|
||||
|
|
@ -206,11 +210,11 @@ The **Gauge** view displays the single value most recent value for a time series
|
|||
|
||||
To select this view, click the Gauge selector icon.
|
||||
|
||||
|
||||
|
||||
|
||||
#### Gauge Controls
|
||||
|
||||
|
||||
|
||||
|
||||
Use the **Gauge Controls** to specify the following:
|
||||
|
||||
|
|
@ -224,17 +228,17 @@ Use the **Gauge Controls** to specify the following:
|
|||
|
||||
#### Gauge example
|
||||
|
||||
|
||||
|
||||
|
||||
### Table
|
||||
|
||||
The **Table** panel displays the results of queries in a tabular view, which is sometimes easier to analyze than graph views of data.
|
||||
|
||||
|
||||
|
||||
|
||||
#### Table Controls
|
||||
|
||||
|
||||
|
||||
|
||||
Use the **Table Controls** to specify the following:
|
||||
|
||||
|
|
@ -260,4 +264,4 @@ Threshold settings apply to any cells with values, except when they appear in th
|
|||
|
||||
#### Table view example
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,71 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 300 100" style="enable-background:new 0 0 300 100;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#42434C;}
|
||||
.st1{fill:#9295A0;}
|
||||
</style>
|
||||
<g>
|
||||
<rect x="-1" y="-1" class="st0" width="302" height="102"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st1" d="M94.81,43.41h1.18l-1.64,9.33h-1.18L94.81,43.41z"/>
|
||||
<path class="st1" d="M105.85,47.48c0.01-0.08,0.03-0.18,0.03-0.24c0-0.28-0.14-0.38-0.48-0.38c-0.69,0-1.82,0.53-2.56,1.02
|
||||
l-0.85,4.85h-1.15l0.92-5.25c0.01-0.08,0.03-0.18,0.03-0.24c0-0.28-0.14-0.38-0.48-0.38c-0.69,0-1.74,0.5-2.58,1.02l-0.85,4.85
|
||||
h-1.15L97.92,46l1.01-0.17l-0.08,0.97c0.67-0.48,2.07-1.02,2.89-1.02c0.77,0,1.15,0.39,1.2,1.02c0.74-0.52,2.07-1.02,2.89-1.02
|
||||
c0.85,0,1.22,0.46,1.22,1.2c0,0.15-0.01,0.36-0.06,0.59l-0.91,5.17h-1.15L105.85,47.48z"/>
|
||||
<path class="st1" d="M113.18,52.74h-0.95l0.04-0.83c-0.76,0.67-1.68,0.97-2.55,0.97c-1.05,0-1.44-0.57-1.44-1.36
|
||||
c0-0.17,0.03-0.35,0.06-0.53l0.48-2.7c0.29-1.65,0.91-2.51,3.07-2.51c0.84,0,1.78,0.21,2.45,0.46L113.18,52.74z M113.06,46.94
|
||||
c-0.36-0.1-0.84-0.17-1.32-0.17c-1.05,0-1.57,0.32-1.81,1.67l-0.43,2.47c-0.03,0.17-0.06,0.35-0.06,0.48c0,0.32,0.14,0.5,0.56,0.5
|
||||
c0.85,0,1.61-0.48,2.4-1.19L113.06,46.94z"/>
|
||||
<path class="st1" d="M120.24,53.77c-0.25,1.43-0.83,1.86-2.4,1.86c-0.9,0-2.1-0.28-2.8-0.57l0.24-0.87
|
||||
c0.94,0.34,1.81,0.49,2.61,0.49c0.87,0,1.09-0.27,1.22-1l0.35-1.98c-0.76,0.6-1.64,0.88-2.51,0.88c-1.05,0-1.44-0.57-1.44-1.36
|
||||
c0-0.17,0.03-0.35,0.06-0.53l0.43-2.4c0.29-1.65,0.97-2.54,3.12-2.54c0.66,0,1.71,0.18,2.44,0.49L120.24,53.77z M120.3,46.95
|
||||
c-0.36-0.1-0.9-0.18-1.37-0.18c-1.13,0-1.57,0.35-1.81,1.69l-0.39,2.19c-0.03,0.17-0.06,0.32-0.06,0.45c0,0.32,0.14,0.5,0.56,0.5
|
||||
c0.73,0,1.71-0.49,2.44-1.11L120.3,46.95z"/>
|
||||
<path class="st1" d="M123.92,50.92c-0.03,0.15-0.03,0.25-0.03,0.31c0,0.43,0.21,0.69,0.94,0.69c0.71,0,1.57-0.27,2.49-0.71
|
||||
l0.25,0.85c-0.87,0.48-1.76,0.83-2.9,0.83c-1.37,0-1.92-0.64-1.92-1.58c0-0.17,0.01-0.39,0.06-0.63l0.41-2.3
|
||||
c0.31-1.72,1.08-2.59,3.01-2.59c1.13,0,1.95,0.53,1.95,1.54c0,1.15-0.53,1.72-2.45,2.37c-0.83,0.28-1.09,0.35-1.68,0.53
|
||||
L123.92,50.92z M127.1,47.44c0-0.45-0.34-0.73-0.95-0.73c-1.06,0-1.55,0.39-1.75,1.5l-0.17,0.94c0.38-0.11,0.6-0.18,1.26-0.38
|
||||
C126.62,48.44,127.1,48,127.1,47.44z"/>
|
||||
<path class="st1" d="M132.28,50.72c0-0.21,0.03-0.43,0.07-0.69l0.71-4.05c0.35-1.95,1.36-2.72,3.61-2.72c0.71,0,1.61,0.1,2.33,0.29
|
||||
l-0.24,1.01c-0.71-0.15-1.57-0.25-2.19-0.25c-1.53,0-2.12,0.42-2.37,1.82l-0.69,3.91c-0.04,0.22-0.06,0.42-0.06,0.59
|
||||
c0,0.84,0.46,1.19,1.79,1.19c0.62,0,1.48-0.08,2.23-0.22l0.04,1.01c-0.73,0.15-1.72,0.27-2.51,0.27
|
||||
C133.05,52.88,132.28,52.01,132.28,50.72z"/>
|
||||
<path class="st1" d="M139.32,50.29l0.35-1.99c0.29-1.67,1.25-2.52,3.21-2.52c1.57,0,2.38,0.87,2.38,2.03c0,0.1,0,0.25-0.04,0.48
|
||||
l-0.38,2.14c-0.27,1.54-1.08,2.45-3.19,2.45C139.7,52.88,139.05,51.76,139.32,50.29z M144.07,48.28c0.03-0.15,0.04-0.29,0.04-0.41
|
||||
c0-0.74-0.43-1.11-1.4-1.11c-1.12,0-1.71,0.53-1.89,1.6l-0.35,1.97c-0.15,0.94,0.07,1.54,1.34,1.54c1.18,0,1.71-0.5,1.89-1.53
|
||||
L144.07,48.28z"/>
|
||||
<path class="st1" d="M155.44,47.48c0.01-0.08,0.03-0.18,0.03-0.24c0-0.28-0.14-0.38-0.48-0.38c-0.69,0-1.82,0.53-2.56,1.02
|
||||
l-0.85,4.85h-1.15l0.93-5.25c0.01-0.08,0.03-0.18,0.03-0.24c0-0.28-0.14-0.38-0.48-0.38c-0.69,0-1.74,0.5-2.58,1.02l-0.85,4.85
|
||||
h-1.15l1.19-6.74l1.01-0.17l-0.08,0.97c0.67-0.48,2.07-1.02,2.88-1.02c0.77,0,1.15,0.39,1.21,1.02c0.74-0.52,2.07-1.02,2.89-1.02
|
||||
c0.85,0,1.22,0.46,1.22,1.2c0,0.15-0.01,0.36-0.06,0.59l-0.91,5.17h-1.15L155.44,47.48z"/>
|
||||
<path class="st1" d="M159.02,46l1.18-0.17l-1.22,6.91h-1.15L159.02,46z M159.52,43.13l1.18-0.17l-0.31,1.75l-1.18,0.15
|
||||
L159.52,43.13z"/>
|
||||
<path class="st1" d="M167.43,46.98c0,0.15-0.01,0.36-0.06,0.59l-0.91,5.17h-1.15l0.92-5.25c0.01-0.08,0.03-0.18,0.03-0.24
|
||||
c0-0.28-0.14-0.38-0.48-0.38c-0.69,0-1.74,0.5-2.58,1.02l-0.85,4.85h-1.15L162.4,46l1.01-0.17l-0.09,0.97
|
||||
c0.67-0.48,2.07-1.02,2.89-1.02C167.07,45.78,167.43,46.24,167.43,46.98z"/>
|
||||
<path class="st1" d="M173.45,53.77c-0.25,1.43-0.83,1.86-2.39,1.86c-0.9,0-2.1-0.28-2.8-0.57l0.24-0.87
|
||||
c0.94,0.34,1.81,0.49,2.61,0.49c0.87,0,1.09-0.27,1.22-1l0.35-1.98c-0.76,0.6-1.64,0.88-2.51,0.88c-1.05,0-1.44-0.57-1.44-1.36
|
||||
c0-0.17,0.03-0.35,0.05-0.53l0.44-2.4c0.29-1.65,0.97-2.54,3.12-2.54c0.66,0,1.71,0.18,2.44,0.49L173.45,53.77z M173.51,46.95
|
||||
c-0.37-0.1-0.9-0.18-1.37-0.18c-1.13,0-1.57,0.35-1.81,1.69l-0.39,2.19c-0.03,0.17-0.06,0.32-0.06,0.45c0,0.32,0.14,0.5,0.56,0.5
|
||||
c0.73,0,1.71-0.49,2.44-1.11L173.51,46.95z"/>
|
||||
<path class="st1" d="M178.71,52.36l0.27-0.94c0.87,0.27,1.72,0.43,2.52,0.43c1.5,0,1.89-0.41,2.09-1.53
|
||||
c0.05-0.31,0.1-0.55,0.1-0.73c0-0.59-0.37-0.74-1.72-1.09c-1.62-0.42-2.12-0.94-2.12-1.92c0-0.28,0.04-0.59,0.1-0.94
|
||||
c0.34-1.89,1.09-2.38,3.32-2.38c0.7,0,1.72,0.13,2.45,0.32l-0.21,0.99c-0.79-0.18-1.74-0.28-2.31-0.28c-1.58,0-1.88,0.25-2.07,1.37
|
||||
c-0.05,0.32-0.1,0.6-0.1,0.77c0,0.59,0.35,0.76,1.64,1.11c1.72,0.46,2.21,0.91,2.21,1.83c0,0.24-0.04,0.59-0.11,0.95
|
||||
c-0.29,1.69-0.84,2.54-3.38,2.54C180.59,52.88,179.5,52.68,178.71,52.36z"/>
|
||||
<path class="st1" d="M186.44,50.29l0.35-1.99c0.29-1.67,1.25-2.52,3.21-2.52c1.57,0,2.38,0.87,2.38,2.03c0,0.1,0,0.25-0.04,0.48
|
||||
l-0.38,2.14c-0.27,1.54-1.08,2.45-3.19,2.45C186.82,52.88,186.18,51.76,186.44,50.29z M191.19,48.28c0.03-0.15,0.04-0.29,0.04-0.41
|
||||
c0-0.74-0.43-1.11-1.4-1.11c-1.12,0-1.71,0.53-1.89,1.6l-0.35,1.97c-0.15,0.94,0.07,1.54,1.35,1.54c1.18,0,1.71-0.5,1.89-1.53
|
||||
L191.19,48.28z"/>
|
||||
<path class="st1" d="M193.53,50.29l0.35-1.99c0.29-1.67,1.25-2.52,3.21-2.52c1.57,0,2.38,0.87,2.38,2.03c0,0.1,0,0.25-0.04,0.48
|
||||
l-0.38,2.14c-0.27,1.54-1.08,2.45-3.19,2.45C193.9,52.88,193.26,51.76,193.53,50.29z M198.28,48.28c0.03-0.15,0.04-0.29,0.04-0.41
|
||||
c0-0.74-0.43-1.11-1.4-1.11c-1.12,0-1.71,0.53-1.89,1.6l-0.35,1.97c-0.15,0.94,0.07,1.54,1.35,1.54c1.18,0,1.71-0.5,1.89-1.53
|
||||
L198.28,48.28z"/>
|
||||
<path class="st1" d="M206.75,46.98c0,0.15-0.02,0.36-0.06,0.59l-0.91,5.17h-1.15l0.92-5.25c0.01-0.08,0.03-0.18,0.03-0.24
|
||||
c0-0.28-0.14-0.38-0.48-0.38c-0.69,0-1.74,0.5-2.58,1.02l-0.86,4.85h-1.15l1.19-6.74l1.01-0.17l-0.08,0.97
|
||||
c0.67-0.48,2.07-1.02,2.89-1.02C206.38,45.78,206.75,46.24,206.75,46.98z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.2 KiB |
Loading…
Reference in New Issue