diff --git a/docs/assets/img/product_pics/hat/joystick_hat/joystick_hat_07.jpg b/docs/assets/img/product_pics/hat/joystick_hat/joystick_hat_07.jpg
new file mode 100644
index 00000000..47c8afe4
Binary files /dev/null and b/docs/assets/img/product_pics/hat/joystick_hat/joystick_hat_07.jpg differ
diff --git a/docs/en/hat/hat-joystick.md b/docs/en/hat/hat-joystick.md
index 4047ce69..b6340b87 100644
--- a/docs/en/hat/hat-joystick.md
+++ b/docs/en/hat/hat-joystick.md
@@ -3,8 +3,8 @@
 <img src="assets\img\product_pics\hat\joystick_hat\joystick_hat_01.jpg" width="30%"><img src="assets\img\product_pics\hat\joystick_hat\joystick_hat_02.jpg" width="30%"><img src="assets\img\product_pics\hat\joystick_hat\joystick_hat_03.jpg" width="30%">
 
 ***
-<!-- 
-:memo:**[Description](#Description)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:electric_plug:**[Schematic](#Schematic)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:octocat:**[Code](#Code)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_M5StickC_logo_min.png">**[EasyLoader](#EasyLoader)** &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;🛒**[Purchase](https://m5stack.com/products/m5stickc-neofalsh-hat)** -->
+
+:memo:**[Description](#Description)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:electric_plug:**[Schematic](#Schematic)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:octocat:**[Code](#Code)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_M5StickC_logo_min.png">**[EasyLoader](#EasyLoader)** &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;🛒**[Purchase](https://m5stack.com/products/m5stickc-joystick-hat)**
 
 
 ## Description
@@ -74,9 +74,9 @@ Register:
 `0x03: Save central spot and Maximum Calibration value to flash, and go to Normal Mode after finish.`
 
 
-<!-- ## Schematic
+## Schematic
 
-<img src="assets\img\product_pics\hat\neoflash_hat\neoflash_hat_08.jpg" width="30%">  -->
+<img src="assets\img\product_pics\hat\joystick_hat\joystick_hat_07.jpg" width="60%">
 
 ## EasyLoader
 
diff --git a/docs/zh_CN/hat/hat-joystick.md b/docs/zh_CN/hat/hat-joystick.md
index 1105454b..7761d176 100644
--- a/docs/zh_CN/hat/hat-joystick.md
+++ b/docs/zh_CN/hat/hat-joystick.md
@@ -3,8 +3,8 @@
 <img src="assets\img\product_pics\hat\joystick_hat\joystick_hat_01.jpg" width="30%"><img src="assets\img\product_pics\hat\joystick_hat\joystick_hat_02.jpg" width="30%"><img src="assets\img\product_pics\hat\joystick_hat\joystick_hat_03.jpg" width="30%">
 ***
 
-<!-- :memo:**[描述](#描述)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:electric_plug:**[原理图](#原理图)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:octocat:**[Code](#Code)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_M5StickC_logo_min.png">**[EasyLoader](#EasyLoader)** &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;🛒**[购买链接](https://m5stack.com/products/m5stickc-neofalsh-hat)**
- -->
+:memo:**[描述](#描述)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:electric_plug:**[原理图](#原理图)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:octocat:**[Code](#Code)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_M5StickC_logo_min.png">**[EasyLoader](#EasyLoader)** &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;🛒**[购买链接](https://m5stack.com/products/m5stickc-joystick-hat)**
+
 
 ## 描述
 
@@ -73,9 +73,9 @@
 
 `0x03: 保存中心点及最大值数据至flash, 保存后恢复至普通模式 `
 
-<!-- ## 原理图
+## 原理图
 
-<img src="assets\img\product_pics\hat\neoflash_hat\neoflash_hat_08.jpg" width="30%">  -->
+<img src="assets\img\product_pics\hat\joystick_hat\joystick_hat_07.jpg" width="60%">
 
 ## EasyLoader