# <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)