---
title: 02 - Graphic Display Modification
slug: 02-graphic-display-modification
docTags: 
createdAt: 2026-07-14T03:31:57.021Z
---

# *การแก้ไข Graphic Display บน CCU*

1. login ด้วย engineer user โดยการกดปุ่ม บนรูปด้านล่าง หลังจากนั้นให้ใส่ username : engineer และ password : engineer

![](https://api.archbee.com/api/optimize/tFXfhzvV83pm_CfOOnnzT/euBLA-yNS0DtTNZnzsWRq_image.png)

2. เข้า Edition mode โดยการกดปุ่มตามรูปด้านล่าง หรือกด F2 บน keyboard

![](https://api.archbee.com/api/optimize/tFXfhzvV83pm_CfOOnnzT/uFz8AM87tpdeCibvD_MGU_image.png)

::Image[]{src="https://api.archbee.com/api/optimize/tFXfhzvV83pm_CfOOnnzT/1g1ixc88d5xqoLzN1XakF_image.png" size="60" isUploading="false" width="477" height="349" darkWidth="477" darkHeight="349" showCaption="false"}

3. หลังจากแก้ไข Graphic Display เรียบร้อยแล้ว ให้กด Ctrl+S เพื่อ Save
4. กลับเข้าสู่ Runtime mode หรือ Operation mode โดยการกดปุ่มตามรูปด้านล่าง หรือใช้ F5 บน keyboard

![](https://api.archbee.com/api/optimize/tFXfhzvV83pm_CfOOnnzT/Tl458Ai-jNoJM_nLU4IWx_image.png)

5. Logout ออกจาก engineer user โดยกดปุ่มตามรูปด้านล่าง ยืนยันการ logout และ login ด้วย operator user (username : operator และ password : operator)

![](https://api.archbee.com/api/optimize/tFXfhzvV83pm_CfOOnnzT/yBx3tpUAqIl4DyFIJ6GfS_image.png)

::Image[]{src="https://api.archbee.com/api/optimize/tFXfhzvV83pm_CfOOnnzT/2Bupp_bZzi_cxU0348FYd_image.png" size="60" isUploading="false" width="474" height="344" darkWidth="474" darkHeight="344" showCaption="false"}

***Note :*** 

1. หลังจากแก้ไขที่ CCU1 แล้ว จะต้อง Copy file ไปที่เครื่อง CCU2 ด้วย โดยการ copy ActiveProject folderและ projects folder ที่อยู่ด้านใน iControl folder ไปทับ project ที่ CCU2 เดิม 
2. หากมีเพิ่มรูปภาพเข้าใน iControl folder ด้วย ให้ copy library folder ไปด้วย
3. เครื่อง HMI จะ load screen file จากเครื่อง CCU อัตโนมัติหลังจากกด start iControl แต่กรณีที่ HMI ไม่เปลี่ยน Graphic Screen ตามเครื่อง CCU ให้ copy จากเครื่อง CCU ไปวางที่เครื่อง HMI ด้วย เหมือนกับที่ Copy ไป CCU2

![](https://api.archbee.com/api/optimize/tFXfhzvV83pm_CfOOnnzT/b_UolMgqsWk-ErXifiBT5_image.png)

**

**

# *Component/Library ของ iControl ที่ใช้บ่อย*

*Note :* Component หรือ Library บน iControl สามารถเปิดดูได้จาก View > Components ตามรูปแนบ

![](https://api.archbee.com/api/optimize/tFXfhzvV83pm_CfOOnnzT/5DW32mvscFbB3wjr_czY2_image.png)

1. Action : ใช้สำหรับทำปุ่มสำหรับเปิดไปยังหน้าอื่น, ปุ่มสำหรับเปิด Alarm List, ปุ่มสำหรับเปิด Event List เป็นต้น (บน Edition mode จะเห็นเป็นขีด ///// แต่บน Runtime mode/Operation mode จะไม่เห็น)
2. Busbar : ใช้สำหรับวาด Single Line Diagram
3. Image : ใช้สำหรับนำรูปแปะลงบน Graphic Screen
4. Meter bar : ใช้สำหรับทำ Bar Graph แสดง Current หรือ Voltage
5. Popup : ใช้สำหรับทำปุ่ม Command popup (บน Edition mode จำเห็นเป็นลายตารางสีขาว แต่บน Runtime/operation mode จะไม่เห็น)
6. Text : ใช้สำหรับทำกรอบสี่เหลี่ยม หรือใส่ text ลงบน Graphic display รวมถึง Annunciator และแทนเส้น fiber optic ในหน้า System Topology ด้วย
7. Breaker ในกลุ่มของ "TEC" : แทนสัญลักษณ์ Circuit Breaker บน Single Line Diagram
8. Disconnector sw(mea) ในกลุ่มของ "TEC" : แทนสัญลักษณ์ของ Disconnect switch บน Single Line Diagram
9. Groundswitch : แทนสัญลักษณ์ ground บน Single Line Diagram

*Note :* สำหรับเส้นที่เชื่อมระหว่าง component จะใช้ Connection ของ iControl โดยกดตามรูปแนบ

![](https://api.archbee.com/api/optimize/tFXfhzvV83pm_CfOOnnzT/rnyHxhgX1B01IW_cSiwVK_image.png)

### *ตัวอย่างการใช้งาน*

![](https://api.archbee.com/api/optimize/tFXfhzvV83pm_CfOOnnzT/0FVwwvYAy-R4cTz-FhW41_image.png)

![](https://api.archbee.com/api/optimize/tFXfhzvV83pm_CfOOnnzT/KMvLk84_fqENysywJ5ArY_image.png)

![](https://api.archbee.com/api/optimize/tFXfhzvV83pm_CfOOnnzT/-1ZvwzIAEnrT17WeiGvfD_image.png)

# ******



# ***Component Setting***

:::Heading{depth="2" indent="1"}
**Text**
:::

:::Heading{depth="3" indent="1"}
1.1  Static Text
:::

![](https://api.archbee.com/api/optimize/tFXfhzvV83pm_CfOOnnzT/0tviw6vtbeatXidmq-nw0_image.png)

:::Heading{depth="3" indent="1"}
1.2  Dynamic Text
:::

![](https://api.archbee.com/api/optimize/tFXfhzvV83pm_CfOOnnzT/7DX7o4Lm5kOL7WSeaDl4v_image.png)

:::Heading{depth="2" indent="1"}
Action
:::

![](https://api.archbee.com/api/optimize/tFXfhzvV83pm_CfOOnnzT/sSKhOxNn4tt9erjJm5VK3_image.png)

:::Heading{depth="2" indent="1"}
Popup (Command)
:::

![](https://api.archbee.com/api/optimize/tFXfhzvV83pm_CfOOnnzT/YnpuCNOkL1WuBdw02z9QB_image.png)

:::Heading{depth="2" indent="1"}
Image
:::

- Copy รูปใส่เข้าไปใน library/images ด้านใน iControl folder โดยรูปที่ใช้ได้ จะต้องอยู่ใน PNG format เท่านั้น

![](https://api.archbee.com/api/optimize/tFXfhzvV83pm_CfOOnnzT/XS46OrA9gw2kGrzWADTxW_image.png)

![](https://api.archbee.com/api/optimize/tFXfhzvV83pm_CfOOnnzT/4F7s6ggqSBNYCORyJMQpV_image.png)