diff --git a/content/influxdb/v1.7/flux/get-started/transform-data.md b/content/influxdb/v1.7/flux/get-started/transform-data.md
index ae1c5392e..64706d239 100644
--- a/content/influxdb/v1.7/flux/get-started/transform-data.md
+++ b/content/influxdb/v1.7/flux/get-started/transform-data.md
@@ -78,7 +78,7 @@ from(bucket:"telegraf/autogen")
As data is gathered into windows of time, each window is output as its own table.
When visualized, each table is assigned a unique color.
-
+
## Aggregate windowed data
Flux aggregate functions take the `_value`s in each table and aggregate them in some way.
@@ -99,7 +99,7 @@ from(bucket:"telegraf/autogen")
As rows in each window are aggregated, their output table contains only a single row with the aggregate value.
Windowed tables are all still separate and, when visualized, will appear as single, unconnected points.
-
+
## Add times to your aggregates
As values are aggregated, the resulting tables do not have a `_time` column because
@@ -145,7 +145,7 @@ from(bucket:"telegraf/autogen")
Once ungrouped and combined into a single table, the aggregate data points will appear connected in your visualization.
-
+
## Helper functions
This may seem like a lot of coding just to build a query that aggregates data, however going through the
diff --git a/content/influxdb/v1.7/flux/guides/flux-in-dashboards.md b/content/influxdb/v1.7/flux/guides/flux-in-dashboards.md
index db763a70b..6fe8ec838 100644
--- a/content/influxdb/v1.7/flux/guides/flux-in-dashboards.md
+++ b/content/influxdb/v1.7/flux/guides/flux-in-dashboards.md
@@ -30,7 +30,7 @@ To use Flux in a dashboard cell, either create a new cell or edit an existing ce
by clicking the **pencil** icon in the top right corner of the cell.
To the right of the **Source dropdown** above the graph preview, select **Flux** as the source type.
-
+{{< img-hd src="/img/influxdb/1-7-flux-dashboard-cell.png" alt="Flux in Chronograf dashboard cells" />}}
> The Flux source type is only available if your data source has
> [Flux enabled](/influxdb/v1.7/flux/installation).
@@ -41,7 +41,7 @@ This will provide **Schema**, **Script**, and **Functions** panes.
The Schema pane allows you to explore your data and add filters for specific
measurements, fields, and tags to your Flux script.
-
+{{< img-hd src="/img/influxdb/1-7-flux-dashboard-add-filter.png" title="Add a filter from the Schema panel" />}}
### Script pane
The Script pane is where you write your Flux script.
@@ -71,7 +71,7 @@ It can be helpful to view the actual data in order to see how it is being shaped
The **View Raw Data** toggle above the data visualization switches between graphed
data and raw data shown in table form.
-
+{{< img-hd src="/img/influxdb/1-7-flux-dashboard-view-raw.png" alt="View raw data" />}}
_The **View Raw Data** toggle is only available when using Flux._
@@ -143,9 +143,9 @@ dataSet
```
### Custom template variables
-
-Chronograf does not yet support the use of custom template variables in Flux queries.
-
+{{% warn %}}
+Chronograf does not support the use of custom template variables in Flux queries.
+{{% /warn %}}
## Using Flux and InfluxQL
Within individual dashboard cells, the use of Flux and InfluxQL is mutually exclusive.
diff --git a/content/influxdb/v1.8/flux/get-started/transform-data.md b/content/influxdb/v1.8/flux/get-started/transform-data.md
index 4f83115bb..0419ffc82 100644
--- a/content/influxdb/v1.8/flux/get-started/transform-data.md
+++ b/content/influxdb/v1.8/flux/get-started/transform-data.md
@@ -78,7 +78,7 @@ from(bucket:"telegraf/autogen")
As data is gathered into windows of time, each window is output as its own table.
When visualized, each table is assigned a unique color.
-
+
## Aggregate windowed data
Flux aggregate functions take the `_value`s in each table and aggregate them in some way.
@@ -99,7 +99,7 @@ from(bucket:"telegraf/autogen")
As rows in each window are aggregated, their output table contains only a single row with the aggregate value.
Windowed tables are all still separate and, when visualized, will appear as single, unconnected points.
-
+
## Add times to your aggregates
As values are aggregated, the resulting tables do not have a `_time` column because
@@ -145,7 +145,7 @@ from(bucket:"telegraf/autogen")
Once ungrouped and combined into a single table, the aggregate data points will appear connected in your visualization.
-
+
## Helper functions
This may seem like a lot of coding just to build a query that aggregates data, however going through the
diff --git a/content/influxdb/v1.8/flux/guides/flux-in-dashboards.md b/content/influxdb/v1.8/flux/guides/flux-in-dashboards.md
index 16dfcb540..ff32c3e74 100644
--- a/content/influxdb/v1.8/flux/guides/flux-in-dashboards.md
+++ b/content/influxdb/v1.8/flux/guides/flux-in-dashboards.md
@@ -30,7 +30,7 @@ To use Flux in a dashboard cell, either create a new cell or edit an existing ce
by clicking the **pencil** icon in the top right corner of the cell.
To the right of the **Source dropdown** above the graph preview, select **Flux** as the source type.
-
+{{< img-hd src="/img/influxdb/1-7-flux-dashboard-cell.png" alt="Flux in Chronograf dashboard cells" />}}
> The Flux source type is only available if your data source has
> [Flux enabled](/influxdb/v1.8/flux/installation).
@@ -41,7 +41,7 @@ This will provide **Schema**, **Script**, and **Functions** panes.
The Schema pane allows you to explore your data and add filters for specific
measurements, fields, and tags to your Flux script.
-
+{{< img-hd src="/img/influxdb/1-7-flux-dashboard-add-filter.png" title="Add a filter from the Schema panel" />}}
### Script pane
The Script pane is where you write your Flux script.
@@ -71,7 +71,7 @@ It can be helpful to view the actual data in order to see how it is being shaped
The **View Raw Data** toggle above the data visualization switches between graphed
data and raw data shown in table form.
-
+{{< img-hd src="/img/influxdb/1-7-flux-dashboard-view-raw.png" alt="View raw data" />}}
_The **View Raw Data** toggle is only available when using Flux._
@@ -143,9 +143,9 @@ dataSet
```
### Custom template variables
-
-Chronograf does not yet support the use of custom template variables in Flux queries.
-
+<% warn %>
+Chronograf does not support the use of custom template variables in Flux queries.
+<% /warn %>
## Using Flux and InfluxQL
Within individual dashboard cells, the use of Flux and InfluxQL is mutually exclusive.
diff --git a/static/img/influxdb/1-7-flux-dashboard-add-filter.png b/static/img/influxdb/1-7-flux-dashboard-add-filter.png
new file mode 100644
index 000000000..349fb9951
Binary files /dev/null and b/static/img/influxdb/1-7-flux-dashboard-add-filter.png differ
diff --git a/static/img/influxdb/1-7-flux-dashboard-cell.png b/static/img/influxdb/1-7-flux-dashboard-cell.png
new file mode 100644
index 000000000..8ad80ef93
Binary files /dev/null and b/static/img/influxdb/1-7-flux-dashboard-cell.png differ
diff --git a/static/img/influxdb/1-7-flux-dashboard-view-raw.png b/static/img/influxdb/1-7-flux-dashboard-view-raw.png
new file mode 100644
index 000000000..05bd88dcc
Binary files /dev/null and b/static/img/influxdb/1-7-flux-dashboard-view-raw.png differ