Skip to content

Commit

Permalink
Update docmentation
Browse files Browse the repository at this point in the history
  • Loading branch information
jason-fox committed Aug 30, 2024
1 parent b9e385f commit 7b8c0fa
Show file tree
Hide file tree
Showing 2 changed files with 35 additions and 34 deletions.
2 changes: 1 addition & 1 deletion README.ja.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
Expand Down
67 changes: 34 additions & 33 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down

0 comments on commit 7b8c0fa

Please sign in to comment.