作者： MarickLiang
ProcessBook裡可以用多狀態符號控制項(Multi-State Symbol)製作產線狀態燈， 製作方法可以參考“ 2017.03.04 No.14”的文章， 名字叫“[OSISoft PI]-創建虛擬工廠-產線狀態燈製作”；
PICoresight編輯器裡原生的圖形元素， 比如文字、圖片、橢圓、矩形、直線、曲線、五邊形， 在右鍵功能表， 點擊“Configuration Muti-State”， 也可以達到多狀態符號控制項的效果， 如圖1；
(目前貌似只有編輯器裡原生的圖形元素有這個功能， 自訂符號也不支援這個功能)；
實際需求往往比這個複雜， 比如需求希望， 停機大於10分鐘並小於等於30分鐘顯示紅色；大於5分鐘並小於等於10分鐘顯示黃色；小於等於5分鐘的停機顯示綠色；沒有生產顯示白色（可以用負數表示沒有生產)；希望狀態等縮放並非閃爍顯示產線狀態；所有狀態控制需要基於AF裡的屬性值，
狀態燈的縮放效果， 可以通過Jquery改變圖片寬度和高度實現， 這裡在回檔函式呼叫了函數本身， 使狀態燈不停縮放
圖片載入注意路徑問題， 可以通過Console。 log(window。 location)， 找到當前頁面的路徑， 如圖2
可以用Angular的資料綁定功能， 實現用戶自己設置不同顏色燈代表停機時間範圍， 如圖3
圖1
圖2
圖