From 7b8c0fa3314fb8989f614ca3e0c87740bada8509 Mon Sep 17 00:00:00 2001 From: Jason Fox Date: Fri, 30 Aug 2024 11:11:46 +0200 Subject: [PATCH] Update docmentation --- README.ja.md | 2 +- README.md | 67 ++++++++++++++++++++++++++-------------------------- 2 files changed, 35 insertions(+), 34 deletions(-) diff --git a/README.ja.md b/README.ja.md index 6b5acc6..bde5081 100644 --- a/README.ja.md +++ b/README.ja.md @@ -326,7 +326,7 @@ Grafana 環境変数は、Grafana の[ドキュメント](https://grafana.com/do これを行うことができます。 農場周辺のさまざまな建物の詳細は、チュートリアル・アプリケーションにあります。 -`http://localhost:3000/app/farm/urn:ngsi-ld:Building:farm001` を開いて、関連する充填センサ (filling sensor) と +`http://localhost:3000/app/building/urn:ngsi-ld:Building:farm001` を開いて、関連する充填センサ (filling sensor) と サーモスタット (thermostat) を備えた建物を表示します。 ![](https://fiware.github.io/tutorials.Subscriptions/img/fmis.png) diff --git a/README.md b/README.md index 2b2f971..7db94bd 100644 --- a/README.md +++ b/README.md @@ -1138,63 +1138,64 @@ values: Click on the Save and test button and make sure it says _Database Connection OK_. +### Configuring a Dashboard + + ### Configuring a Dashboard To display a new dashboard, you can either click the **+** button and select **Dashboard** or go directly to -`http://localhost:3003/dashboard/new?orgId=1`. Thereafter click **Add Query**. +`http://localhost:3003/dashboard/new?orgId=1`. Thereafter, click **Add Query**. The following values in **bold text** need to be placed in the graphing wizard: -- Queries to **CrateDB** (the previously created Data Source) -- FROM **etFillingLevelSensor** -- Time column **time_index** -- Metric column **entity_id** -- Select value **column:filling** +- Queries to **CrateDB** (the previously created Data Source). +- FROM **etFillingLevelSensor**. +- Time column **time_index**. +- Metric column **entity_id**. +- Select value **column:filling**. ![](https://fiware.github.io/tutorials.Time-Series-Data/img/grafana-lamp-graph.png) Then click on `ESC` on your keyboard and you will see a dashboard including the graph you created. -The click on the `Add Panel` button and select `Choose Visualisation` and pick `Map panel`. +The click on the `Add Panel` button and select `Choose Visualisation` and pick `Orchestra Cities Map`. -In the map layout options set the following values: +In the **map view** options set the following values: -- Center: **custom** -- Latitude: **52.5031** -- Longitude: **13.4447** -- Initial Zoom: **12** +- View: **coordinates**. +- Latitude: **52.5012**. +- Longitude: **13.3682**. +- Initial Zoom: **12**. -![](https://fiware.github.io/tutorials.Time-Series-Data/img/grafana-lamp-map-config-1.png) +![](https://fiware.github.io/tutorials.Time-Series-Data/img/grafana-filling-map-view.png) + +In the **base layer** options set the following values: + +- Layer: **Open Street Map**. Click on `Queries` tab on the left and set as follows: -- Format as: **Table** -- FROM **etFillingLevelSensor** -- Time column **time_index** -- Metric column **entity_id** -- Select value - - **column:filling** **alias:value** - - **column:location** **alias:geojson** - - **column:entity_type** **alias:type** +- Format as: **Table**. +- FROM **etFillingLevelSensor**. +- Time column **time_index**. +- Metric column **entity_id**. +- Select value: + - **column:filling** **alias:value**. + - **column:location** **alias:geojson**. + - **column:entity_type** **alias:type**. -![](https://fiware.github.io/tutorials.Time-Series-Data/img/grafana-lamp-map-config-2.png) +![](https://fiware.github.io/tutorials.Time-Series-Data/img/grafana-filling-query.png) -Click on `Visualisation` tab on the left and set as follows: +Within the `Orchestra Cities Map` Click on `Data Layer` tab on the left and set as follows: -- Map Layers: - - FillingLevelSensor: - - Icon: **lightbulb-o** - - ClusterType: **average** - - ColorType: **fix** - - Column for value: **value** - - Maker color: **red** +- Markers +- Name: Feedstock Level +- Query: A -![](https://fiware.github.io/tutorials.Time-Series-Data/img/grafana-lamp-map-config-3.png) +![](https://fiware.github.io/tutorials.Time-Series-Data/img/grafana-filling-data-layer.png) The final result can be seen below: -![](https://fiware.github.io/tutorials.Time-Series-Data/img/grafana-result.png) - # Next Steps Want to learn how to add more complexity to your application by adding advanced features? You can find out by reading