---
# System prepended metadata

title: <center><i class="fa fa-edit"></i> Dashboard Cont.</center>
tags: [Internship]

---

# <center><i class="fa fa-edit"></i> Dashboard Cont.</center>
###### tags: `Internship`
:::info
**Goal:**
- [x] 新增/設定好Dashboard要用到的Data Source
- [x] 設定好Advanced Datatable: Data History
- [x] 設定好Singlestat: Cold Temp/ Warm Temp/ Hot Temp
- [x] 設定好Graph: Temp History
- [x] 設定好Grouped Bar Chart Panel: Water Usage History
- [x] 設定好Pie Chart: Percentage of water
- [x] Dashboard access mongoDB from NTUST


**Resources:**
[Dashboard access mongoDB from NTUST](https://hackmd.io/@eric248550/BkZpSMjc9)
[2021 物聯網平台實習 (ET2702301)](https://hackmd.io/1vqhIDkqQKqF907HpneANw?view)
[Management Portal](https://portal-mp-ensaas.education.wise-paas.com/console)
[Dashboard Home](https://dashboard-ruiguang-ews.education.wise-paas.com/?orgId=1)
[在Dashboard完成視覺化的設置](https://hackmd.io/@RenJhang/HJ_ruIxVF)
:::

# 08/08
## 設定好Singlestat: Cold Temp/ Warm Temp/ Hot Temp
### Warm Temp
![](https://i.imgur.com/CpEjDFy.png)

### Hot Temp
![](https://i.imgur.com/vA9rO7R.png)

:::warning
Note: Cold Temp was on previous day's hackmd page
:::
# 08/09
## 設定好Graph: Temp History
### 設定好Query
![](https://i.imgur.com/eNpbMIR.png)
### 外觀等細節設定
![](https://i.imgur.com/lXuXVte.png)
![](https://i.imgur.com/sdQ9kgE.png)
### 去General取好該圖表的標題名稱
![](https://i.imgur.com/iWliAU9.png)
![](https://i.imgur.com/WOvelSM.png)

## 設定好Grouped Bar Chart Panel: Water Usage History
### 設定好Query
![](https://i.imgur.com/rpIFOhl.png)
### 外觀等細節設定
![](https://i.imgur.com/sau1tT2.png)
![](https://i.imgur.com/0M3iLYt.png)
### 去General取好該圖表的標題名稱
![](https://i.imgur.com/nrSCinV.png)

![](https://i.imgur.com/8a8AHZS.png)

## 設定好Pie Chart: Percentage of water
### 設定好Query
![](https://i.imgur.com/Li7frOJ.png)

### 外觀等細節設定
![](https://i.imgur.com/l8skibV.png)

### 去General取好該圖表的標題名稱
![](https://i.imgur.com/XLEKxLH.png)

![](https://i.imgur.com/jZFnlkM.png)

## Dashboard access mongoDB from NTUST
![](https://i.imgur.com/Kg9mEZ1.png)
