diff --git a/docs/How-to guides/How to create a dashboard.md b/docs/How-to guides/How to create a dashboard.md index 060c692..95bf289 100644 --- a/docs/How-to guides/How to create a dashboard.md +++ b/docs/How-to guides/How to create a dashboard.md @@ -86,6 +86,13 @@ The following appearance related options are available: - Marker symbol - Enable/disable legend +This woul be an example of a time series panel: + + +
+![appearance](img/time-series.png) +
+ ### Gauge #### Query builder @@ -125,6 +132,12 @@ The following appearance related options are available: ![appearance](img/appearance-gauge.png) +This would be an exaple of a gauge panel: + +
+![appearance](img/gauge.png) +
+ ### Pie chart #### Query builder @@ -162,6 +175,12 @@ The following appearance related options are available: ![appearance](img/appearance-pie-chart.png) +This would be an example of a pie chart panel: + +
+![appearance](img/pie-chart.png) +
+ ### State chart #### Query builder @@ -197,6 +216,11 @@ The following appearance related options are available: ![appearance](img/appearance-state-chart.png) +This would be an example of a state chart panel: + +
+![appearance](img/stat-graph.png) +
### Device map #### Query builder @@ -217,12 +241,12 @@ Defining the query requires the following configuration: ##### Device Type Selection: - After choosing the device type you want, you can save the panel, and it should appear on the dashboard with a map and the selected device types. - - - After creating one of these panels, you should select the dashboard for which you have created the panel, and you should see all the panels you have created for that dashboard The panels vary depending on the type of panel and its configuration. +This would be an example of a device map panel:
- ![Creating panels](img/panels.png) + ![Creating panels](img/device-map.png)
-‍ + + After creating one of these panels, you should select the dashboard for which you have created the panel, and you should see all the panels you have created for that dashboard. The panels vary depending on the type of panel and its configuration. + diff --git a/docs/How-to guides/img/device-map.png b/docs/How-to guides/img/device-map.png new file mode 100644 index 0000000..0733dc6 Binary files /dev/null and b/docs/How-to guides/img/device-map.png differ diff --git a/docs/How-to guides/img/gauge.png b/docs/How-to guides/img/gauge.png new file mode 100644 index 0000000..25c875a Binary files /dev/null and b/docs/How-to guides/img/gauge.png differ diff --git a/docs/How-to guides/img/pie-chart.png b/docs/How-to guides/img/pie-chart.png new file mode 100644 index 0000000..329887f Binary files /dev/null and b/docs/How-to guides/img/pie-chart.png differ diff --git a/docs/How-to guides/img/stat-graph.png b/docs/How-to guides/img/stat-graph.png new file mode 100644 index 0000000..ef69a6a Binary files /dev/null and b/docs/How-to guides/img/stat-graph.png differ diff --git a/docs/How-to guides/img/table.png b/docs/How-to guides/img/table.png new file mode 100644 index 0000000..7e8376e Binary files /dev/null and b/docs/How-to guides/img/table.png differ diff --git a/docs/How-to guides/img/time-series.png b/docs/How-to guides/img/time-series.png new file mode 100644 index 0000000..4838ee4 Binary files /dev/null and b/docs/How-to guides/img/time-series.png differ