---
# System prepended metadata

title: Grafana 技巧 Value Mapping
tags: [tips, Grafana, value mapping]

---

# Grafana 技巧 Value Mapping 
## 將接收到的值(value)去映射(mapping)到想要的文字或 emoji😊

1.匯入 data source 後，在 **Edit panel** 右方找到 overrides，點選 **+Add field override**

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

2.選擇 **field with name**，找到你想做 value mapping 的欄位

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


3.選擇 **+Add override property**，找到 **Value mappings > value mappings**

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


4.選擇 **Add value mappings**，在 **Condition** 欄位填入想進行 mapping 的值(有四種輸入格式: **value, range, regex, special**)，並在 **Display text** 填入要對應顯示的文字或符號 

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

Condition 這邊我輸入格式以 range 做示範
value: 0~30 -> bad, 31~60 -> normal, 61~100 -> good

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

5.**Update**後即完成! 檢查 value 是否有依預期的判斷式進行變化

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


### 補充: **Set Color** 可以進行顏色的更改

1.在 **+Add override property** 新增 **Cell display mode**，並將預設的 **Auto** 改成 **color text** 指定更改文字顏色(選擇 **color background** 可以更改欄位底色)

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

2.在 **value mappings** 裡右邊的 **Color** 選擇顏色
![](https://i.imgur.com/SINhkmp.png)

3.文字顏色變更完成!

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


###### tags: `Grafana` `tips` `value mapping`

