{"id":26786,"date":"2026-07-03T06:48:00","date_gmt":"2026-07-03T04:48:00","guid":{"rendered":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/?p=26786"},"modified":"2026-07-31T12:46:14","modified_gmt":"2026-07-31T10:46:14","slug":"animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20","status":"publish","type":"post","link":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/","title":{"rendered":"Animacja wy\u015bwietlania warto\u015bci | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 20"},"content":{"rendered":"\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">W tym odcinku poznamy jedn\u0105 z najwa\u017cniejszych animacji, powszechnie u\u017cywanych w aplikacjach wizualizacyjnych: wy\u015bwietlanie danych (<strong>Value Display<\/strong>).<\/p>\n\n\n<div class=\"dowiesz-sie\" style=\"margin-top: 40px; margin-bottom: 40px;\">\n<h3><strong>Kurs projektowania symboli Industrial Graphics w oprogramowaniu wizualizacyjnym AVEVA<\/strong><\/h3>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wprowadzenie-do-industrial-graphics-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-1\/\">1. Wprowadzenie do Industrial Graphics<\/a><br>\n<table style=\"width:100%;table-layout:fixed;\"><tbody><tr>\n<td>\n<h5>Edytor Industrial Graphics<\/h5>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/edytor-symboli-industrial-graphics-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-2\/\">2. Edytor symboli Industrial Graphics<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/zaznaczanie-i-przesuwanie-elementow-graficznych-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-3\/\">3. Zaznaczanie i przesuwanie element\u00f3w graficznych<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/grupowanie-elementow-graficznych-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-4\/\">4. Grupowanie element\u00f3w graficznych<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wyrownywanie-elementow-graficznych-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-5\/\">5. Wyr\u00f3wnywanie element\u00f3w graficznych<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/zmiana-orientacji-elementow-graficznych-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-6\/\">6. Zmiana orientacji element\u00f3w graficznych<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kolejnosc-elementow-w-osi-z-z-order-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-7\/\">7. Kolejno\u015b\u0107 element\u00f3w w osi Z (z-order)<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/dynamiczna-zmiana-rozmiaru-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-8\/\">8. Dynamiczna zmiana rozmiaru<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/tworzenie-symboli-na-podstawie-zmiennych-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-9\/\">9. Tworzenie symboli na podstawie zmiennych<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wykorzystanie-grafiki-svg-w-symbolach-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-10\/\">10. Wykorzystanie grafiki SVG w symbolach<\/a><\/td>\n<td><h5>Projektowanie symboli<\/h5>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/rysowanie-linii-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-11\/\">11. Rysowanie linii<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/rysowanie-ksztaltow-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-12\/\">12. Rysowanie kszta\u0142t\u00f3w<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/teksty-i-pola-tekstowe-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-13\/\">13. Teksty i pola tekstowe<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wyswietlanie-statusu-jakosci-danych-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-14\/\">14. Wy\u015bwietlanie statusu jako\u015bci danych<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/praca-z-przyciskami-wyboru-radio-buttons-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-15\/\">15. Praca z przyciskami wyboru (radio buttons)<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/praca-z-kontrolka-kalendarza-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-16\/\">16. Praca z kontrolk\u0105 kalendarza<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/praca-z-kontrolka-wyboru-daty-i-czasu-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-17\/\">17. Praca z kontrolk\u0105 wyboru daty i czasu<\/a><br>\n<br><h5>Animacje<\/h5>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wprowadzenie-do-animacji-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-18\/\">18. Wprowadzenie do animacji<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wypelnienia-procentowego-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-19\/\">19. Animacja wype\u0142nienia procentowego<\/a><\/td>\n<td><a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/\">20. Animacja wy\u015bwietlania warto\u015bci<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wprowadzania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-21\/\">21. Animacja wprowadzania warto\u015bci<\/a><br>\n<br><h5>Narz\u0119dzia zaawansowane<\/h5>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wprowadzenie-do-wlasciwosci-custom-properties-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-22\/\">22. Wprowadzenie do w\u0142a\u015bciwo\u015bci Custom Properties<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/dodawanie-wlasciwosci-custom-properties-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-23\/\">23. Dodawanie w\u0142a\u015bciwo\u015bci Custom Properties<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wprowadzenie-do-stylow-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-24\/\">24. Wprowadzenie do styl\u00f3w<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wprowadzenie-do-skryptow-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-25\/\">25. Wprowadzenie do skrypt\u00f3w<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/zmienne-i-komentarze-w-skryptach-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-26\/\">26. Edytor skrypt\u00f3w Industrial Graphics<\/a><br>\n<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/uzywanie-zewnetrznych-bibliotek-dll-w-skryptach-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-27\/\">27. U\u017cywanie zewn\u0119trznych bibliotek w skryptach<\/a><\/td>\n<\/tr><\/tbody><\/table>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Zacznijmy od utworzenia serii ci\u0105g\u00f3w znak\u00f3w, kt\u00f3re wykorzystamy, aby zobaczy\u0107 t\u0119 animacj\u0119 w praktyce.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"761\" height=\"432\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-01.jpg\" alt=\"\" class=\"wp-image-26862\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Istniej\u0105 cztery znaki specjalne, kt\u00f3re mo\u017cemy wykorzysta\u0107 do wy\u015bwietlania warto\u015bci:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>znak <strong>hash<\/strong> (<strong>#<\/strong>),<\/li>\n\n\n\n<li>separator dziesi\u0119tny \u2013 gdy pracujemy z ameryka\u0144skimi ustawieniami regionalnymi, b\u0119dzie to <strong>kropka<\/strong>,<\/li>\n\n\n\n<li>cyfra <strong>zero<\/strong>,<\/li>\n\n\n\n<li>separator tysi\u0119cy \u2013 gdy pracujemy z ameryka\u0144skimi ustawieniami regionalnymi, b\u0119dzie to <strong>przecinek<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Znak <strong>hash<\/strong> jest u\u017cywany jako symbol zast\u0119pczy dla warto\u015bci liczbowej. Je\u017celi u\u017cyjemy tego znaku w tek\u015bcie lub polu tekstowym, w\u0142a\u015bnie w jego miejscu zostanie wy\u015bwietlona warto\u015b\u0107 zdefiniowana w animacji <strong>Value Display<\/strong>. Je\u017celi u\u017cyjemy wi\u0119cej ni\u017c jednego symbolu hash, mo\u017cemy ustali\u0107 formatowanie tej warto\u015bci. Je\u017celi u\u017cyjemy zapisu z separatorem dziesi\u0119tnym, mo\u017cemy okre\u015bli\u0107 formatowanie warto\u015bci jako liczby rzeczywistej, np.:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>#.##<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Po lewej stronie separatora dziesi\u0119tnego pojedynczy hash pozwala wy\u015bwietli\u0107 cz\u0119\u015b\u0107 ca\u0142kowit\u0105 wizualizowanej warto\u015bci, o dowolnej d\u0142ugo\u015bci. Po prawej stronie przecinka dziesi\u0119tnego ka\u017cdy hash reprezentuje jedn\u0105 cyfr\u0119 z cz\u0119\u015bci u\u0142amkowej. Zapis #.## oznacza wi\u0119c, \u017ce liczba b\u0119dzie wy\u015bwietlana z dok\u0142adno\u015bci\u0105 do dw\u00f3ch miejsc po przecinku.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Zamiast symbolu # mo\u017cna u\u017cy\u0107 <strong>cyfry 0<\/strong>. Dzia\u0142a ona podobnie, stanowi\u0105c symbol zast\u0119pczy, podmieniany przez rzeczywist\u0105 warto\u015b\u0107. Jest jednak wa\u017cna r\u00f3\u017cnica. U\u017cycie cyfry 0 pozwala nam doda\u0107 tzw. zera wiod\u0105ce w zapisie liczby. Zobaczmy to na przyk\u0142adzie warto\u015bci <strong>6.7621<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Je\u017celi okre\u015blimy format wy\u015bwietlania tej liczby jako:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>###.##<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">to zostanie ona wy\u015bwietlona w postaci:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>6.76<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Innymi s\u0142owy, liczba znak\u00f3w hash ma znaczenie tylko po prawej stronie separatora dziesi\u0119tnego \u2013 tu decyduje o dok\u0142adno\u015bci wy\u015bwietlenia cz\u0119\u015bci u\u0142amkowej. Natomiast po lewej stronie cz\u0119\u015b\u0107 ca\u0142kowita zawsze b\u0119dzie wy\u015bwietlana bez zmian, niezale\u017cnie od liczby symboli #.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Je\u017celi natomiast format b\u0119dzie taki:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>000.00<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">liczba zostanie wy\u015bwietlona w takiej postaci:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>006.76<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Po prawej stronie nic si\u0119 nie zmieni\u0142o, dla cz\u0119\u015bci u\u0142amkowej oba te symbole dzia\u0142aj\u0105 tak samo. Natomiast po lewej stronie pojawi\u0142y si\u0119 zera wiod\u0105ce, \u201euzupe\u0142niaj\u0105ce\u201d liczb\u0119 do trzech cyfr.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Do formatowania wy\u015bwietlanych warto\u015bci mo\u017cemy u\u017cy\u0107 te\u017c separatora tysi\u0119cy. Dla przyk\u0142adu we\u017amy liczb\u0119 <strong>5635,982<\/strong>. Je\u017celi u\u017cyjemy formatowania w takiej postaci:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>#,###.##<\/strong> lub <strong>0,000.00<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">liczba ta zostanie wy\u015bwietlona w ten spos\u00f3b:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>5,635.92<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aby doda\u0107 animacj\u0119 wy\u015bwietlania warto\u015bci, klikamy dwukrotnie element tekstowy \u2013 pojawia si\u0119 znane ju\u017c nam okno <strong>Edit Animations<\/strong>. Dodajemy animacj\u0119 <strong>Value Display<\/strong>.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"802\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-02.jpg\" alt=\"\" class=\"wp-image-26863\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-02.jpg 1000w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-02-840x674.jpg 840w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-02-768x616.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">W polu <strong>States<\/strong> mamy do wyboru r\u00f3\u017cne typy danych, kt\u00f3re mog\u0105 by\u0107 wy\u015bwietlane, takie jak warto\u015bci dyskretne (<strong>Boolean<\/strong>), liczby ca\u0142kowite i rzeczywiste (<strong>Analog<\/strong>) i inne. Poni\u017cej wy\u015bwietlany jest opis wyja\u015bniaj\u0105cy, co kryje si\u0119 pod poszczeg\u00f3lnymi opcjami.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1002\" height=\"472\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-03.jpg\" alt=\"\" class=\"wp-image-26864\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-03.jpg 1002w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-03-840x396.jpg 840w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-03-768x362.jpg 768w\" sizes=\"auto, (max-width: 1002px) 100vw, 1002px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Wybierzmy zatem najpierw typ <strong>Boolean<\/strong>. W polu <strong>Expression or Reference<\/strong> wprowadzamy referencj\u0119 do warto\u015bci, kt\u00f3ra ma by\u0107 wy\u015bwietlana. Mo\u017cna tu wprowadzi\u0107 zmienn\u0105 dyskretn\u0105 lub dowolne wyra\u017cenie, kt\u00f3rego wynik ma typ <strong>Boolean<\/strong> (prawda\/fa\u0142sz).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Poni\u017cej konfigurujemy dwa komunikaty. W polu <strong>True Message: Expression or Static String<\/strong> wprowadzamy tekst, kt\u00f3ry zostanie wy\u015bwietlony przez animacj\u0119 dla warto\u015bci <strong>True<\/strong> \u2013 domy\u015blnie jest to \u201eON\u201d. Z kolei w polu <strong>False Message: Expression or Static String<\/strong> wprowadzamy tekst, kt\u00f3ry zostanie wy\u015bwietlony dla warto\u015bci <strong>False<\/strong> \u2013 domy\u015blnie jest to \u201eOFF\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">W polach tych domy\u015blnie wpisujemy po prostu tekst, kt\u00f3ry zostanie wy\u015bwietlony. Mo\u017cna tu jednak r\u00f3wnie\u017c wskaza\u0107 zmienn\u0105 typu tekstowego. Po lewej stronie tych p\u00f3l widzimy ma\u0142e ikonki z liter\u0105 \u201eT\u201d, takie jak poni\u017cej.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"287\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-04.jpg\" alt=\"\" class=\"wp-image-26865\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Taka ikonka oznacza, \u017ce w danym polu jest wprowadzony gotowy ci\u0105g znak\u00f3w, kt\u00f3ry powinien zosta\u0107 wy\u015bwietlony \u2013 w tym przypadku \u201eON\u201d oraz \u201eOFF\u201d. Je\u017celi jednak klikniemy na t\u0119 ikonk\u0119, prze\u0142\u0105czymy pole do drugiego trybu, w kt\u00f3ry b\u0119dzie ono zawiera\u0107 referencj\u0119 do zmiennej typu tekstowego. Wtedy mo\u017cemy tu wprowadzi\u0107 wybran\u0105 zmienn\u0105.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"745\" height=\"300\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-05.jpg\" alt=\"\" class=\"wp-image-26867\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">W naszym przyk\u0142adzie skonfigurujemy wy\u015bwietlanie zmiennej <strong>Mixer100.Pump1.PV<\/strong>. Wykorzystamy zdefiniowane dla tej zmiennej pola <strong>OnMsg<\/strong> i <strong>OffMsg<\/strong>, kt\u00f3re zawieraj\u0105 teksty \u201eRunning\u201d oraz \u201eStopped\u201d.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1001\" height=\"551\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-06.jpg\" alt=\"\" class=\"wp-image-26868\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-06.jpg 1001w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-06-840x462.jpg 840w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-06-768x423.jpg 768w\" sizes=\"auto, (max-width: 1001px) 100vw, 1001px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">W przypadku wy\u015bwietlania warto\u015bci typu <strong>Boolean<\/strong> trzeba pami\u0119ta\u0107 o wa\u017cnej rzeczy. Ot\u00f3\u017c dla tego typu warto\u015bci teksty zdefiniowany w polach <strong>True Message<\/strong> oraz <strong>False Message<\/strong> nie b\u0119dzie wy\u015bwietlany w miejscu symbolu hash, ale zast\u0105pi ca\u0142y tekst, kt\u00f3ry wpisali\u015bmy w elemencie, dla kt\u00f3rego definiujemy animacj\u0119.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1334\" height=\"589\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-07.jpg\" alt=\"\" class=\"wp-image-26869\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-07.jpg 1334w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-07-840x371.jpg 840w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-07-768x339.jpg 768w\" sizes=\"auto, (max-width: 1334px) 100vw, 1334px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Zobaczmy jak to wygl\u0105da po uruchomieniu aplikacji. Jak wida\u0107, w miejscu napisu \u201eThis is a value = #\u201d nie pojawia si\u0119 \u201eThis is a value = Running\u201d, ale po prostu \u201eRunning\u201d.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"634\" height=\"279\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-08.jpg\" alt=\"\" class=\"wp-image-26870\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Aby zobaczy\u0107, jak to wygl\u0105da dla innych rodzaj\u00f3w warto\u015bci, zduplikujmy teraz ten pierwszy tekst, umieszczaj\u0105c go poni\u017cej i zmieniaj\u0105c typ animacji.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"674\" height=\"326\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-09.jpg\" alt=\"\" class=\"wp-image-26871\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">W okienku <strong>Edit Animations<\/strong> zmieniamy ustawienie <strong>States<\/strong> na <strong>Analog<\/strong>. Nie modyfikujemy zmiennej \u2013 b\u0119dziemy nadal wizualizowa\u0107 <strong>Mixer100.Pump1.PV<\/strong>.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"291\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-10.jpg\" alt=\"\" class=\"wp-image-26872\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-10.jpg 770w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-10-768x290.jpg 768w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Zauwa\u017camy, \u017ce w polu <strong>Text Format<\/strong> znajduje si\u0119 dok\u0142adnie ten sam ci\u0105g znak\u00f3w, kt\u00f3ry umie\u015bcili\u015bmy w obszarze roboczym symbolu. Je\u017celi zmienimy go tutaj, zmieni si\u0119 r\u00f3wnie\u017c w obszarze roboczym.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1395\" height=\"435\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-11.jpg\" alt=\"\" class=\"wp-image-26873\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-11.jpg 1395w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-11-840x262.jpg 840w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-11-768x239.jpg 768w\" sizes=\"auto, (max-width: 1395px) 100vw, 1395px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Dodatkowo w tym miejscu z listy rozwijalnej mo\u017cemy wybra\u0107 jeden z gotowych, predefiniowanych format\u00f3w wy\u015bwietlania warto\u015bci.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"751\" height=\"509\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-12.jpg\" alt=\"\" class=\"wp-image-26874\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Naciskamy OK, zapisujemy symbol i uruchamiamy aplikacj\u0119. Jak widzimy, zmienna <strong>Mixer100.Pump1.PV<\/strong> jest tym razem wizualizowana w postaci liczbowej \u2013 <strong>0<\/strong> odpowiada warto\u015bci <strong>False<\/strong>, a <strong>1<\/strong> \u2013 warto\u015bci <strong>True<\/strong>.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"632\" height=\"280\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-13.jpg\" alt=\"\" class=\"wp-image-26875\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"634\" height=\"278\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-14.jpg\" alt=\"\" class=\"wp-image-26876\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Tym razem jednak warto\u015bci\u0105 nie jest zast\u0119powany ca\u0142y tekst, jak to by\u0142o w przypadku wizualizacji <strong>Boolean<\/strong>, a jedynie znak #.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wr\u00f3\u0107my do edycji symbolu, zajmiemy si\u0119 teraz trzeci\u0105 linijk\u0105 tekstu, zawieraj\u0105c\u0105 znaki \u201e#.##\u201d. Klikamy dwukrotnie i otwieramy okno <strong>Edit Animations<\/strong>. Wprowadzamy w polu referencji zmienn\u0105 <strong>Mixer100.Level.PV<\/strong>. Widzimy, \u017ce w polu <strong>Text Format<\/strong> widnieje ten sam ci\u0105g znak\u00f3w \u201e#.##\u201d.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1175\" height=\"433\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-15.jpg\" alt=\"\" class=\"wp-image-26877\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-15.jpg 1175w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-15-840x310.jpg 840w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-15-768x283.jpg 768w\" sizes=\"auto, (max-width: 1175px) 100vw, 1175px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Zmienna <strong>Mixer100.Level.PV<\/strong> przyjmuje warto\u015bci od 0 do 1000. Jak widzimy, jest wy\u015bwietlana z dwoma miejscami po kropce (separatorze dziesi\u0119tnym).<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"634\" height=\"278\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-16.jpg\" alt=\"\" class=\"wp-image-26878\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Jednak ten tekst jest wyr\u00f3wnywany do lewej kraw\u0119dzi, wi\u0119c gdy warto\u015b\u0107 spada poni\u017cej 100, kropka dziesi\u0119tna zmienia swoje po\u0142o\u017cenie. nie pozostaje wyr\u00f3wnany.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"634\" height=\"279\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-17.jpg\" alt=\"\" class=\"wp-image-26879\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Je\u015bli chcieliby\u015bmy, by tak nie by\u0142o, np. by tekst by\u0142 wyr\u00f3wnany do prawej strony razem z linijk\u0105 ni\u017cej, musimy zmieni\u0107 projekt symbolu. Wracamy do edytora, zaznaczamy oba elementy graficzne i wyr\u00f3wnujemy je do prawej kraw\u0119dzi.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"571\" height=\"338\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-18.jpg\" alt=\"\" class=\"wp-image-26880\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Nast\u0119pnie ustawiamy wyr\u00f3wnywanie tekstu do prawej strony w poziomie i do \u015brodka w pionie.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"634\" height=\"393\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-19.jpg\" alt=\"\" class=\"wp-image-26881\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Po uruchomieniu aplikacji widzimy, \u017ce teraz wszystko wyr\u00f3wnane jest do prawej strony, a kropka dziesi\u0119tna nie zmienia pozycji niezale\u017cnie od wy\u015bwietlanej warto\u015bci.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"634\" height=\"280\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-20.jpg\" alt=\"\" class=\"wp-image-26882\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Przejd\u017amy do kolejnej linijki tekstu, tym razem zawieraj\u0105cej \u201e0,000.00\u201d. Zdefiniujmy dla niej animacj\u0119 <strong>Value Display<\/strong> typu <strong>Analog<\/strong>, ponownie wy\u015bwietlaj\u0105c\u0105 t\u0119 sam\u0105 zmienn\u0105 <strong>Mixer100.Level.PV<\/strong>.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1195\" height=\"420\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-21.jpg\" alt=\"\" class=\"wp-image-26883\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-21.jpg 1195w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-21-840x295.jpg 840w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-21-768x270.jpg 768w\" sizes=\"auto, (max-width: 1195px) 100vw, 1195px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Po uruchomieniu aplikacji mo\u017cemy zaobserwowa\u0107, jak tym razem wy\u015bwietlana jest ta warto\u015b\u0107, poprzedzona zerami wiod\u0105cymi.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"633\" height=\"281\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-22.jpg\" alt=\"\" class=\"wp-image-26884\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"636\" height=\"279\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-23.jpg\" alt=\"\" class=\"wp-image-26885\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"634\" height=\"277\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-24.jpg\" alt=\"\" class=\"wp-image-26886\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Pora na ostatni tekst, kt\u00f3ry dodali\u015bmy do okna. Figuruje w nim zwyk\u0142y napis \u201eThis is a string\u201d, bez \u017cadnych znak\u00f3w zast\u0119pczych. Wykorzystamy ten tekst do sprawdzenia, jak dzia\u0142a wizualizacja <strong>Value Display<\/strong> typu <strong>String<\/strong>. Dodajmy tak\u0105 wizualizacj\u0119.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1190\" height=\"350\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-25.jpg\" alt=\"\" class=\"wp-image-26887\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-25.jpg 1190w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-25-840x247.jpg 840w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-25-768x226.jpg 768w\" sizes=\"auto, (max-width: 1190px) 100vw, 1190px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">W polu <strong>Expression Or Reference<\/strong> nie wpiszemy tym razem \u017cadnej zmiennej, lecz wprowadzimy tu funkcj\u0119 skryptow\u0105 <strong>Now()<\/strong>. Funkcja ta zwraca liczb\u0119 sekund, kt\u00f3re up\u0142yn\u0119\u0142y od 1 stycznia 1970 roku, skonwertowan\u0105 do postaci stringu (ci\u0105gu znak\u00f3w) zawieraj\u0105cego aktualn\u0105 dat\u0119 i godzin\u0119. Zobaczmy, jaki jest efekt dzia\u0142ania takiej wizualizacji.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"634\" height=\"279\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-26.jpg\" alt=\"\" class=\"wp-image-26888\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Sprawd\u017amy jeszcze, jak dzia\u0142a wizualizacja <strong>Value Display<\/strong> typu <strong>Truth Table<\/strong>. W tym celu zduplikujemy ostatni\u0105 linijk\u0119 tekstu i zmienimy dla niej typ animacji w\u0142a\u015bnie na <strong>Truth Table<\/strong>. W polu <strong>Expression Or Reference<\/strong> wprowadzamy ponownie zmienn\u0105 <strong>Mixer100.Level.PV<\/strong>. Zwr\u00f3\u0107my jednak uwag\u0119 na dodatkow\u0105 list\u0119 wyboru, pozwalaj\u0105c\u0105 zmodyfikowa\u0107 typ tej zmiennej.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1191\" height=\"610\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-27.jpg\" alt=\"\" class=\"wp-image-26889\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-27.jpg 1191w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-27-840x430.jpg 840w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-27-768x393.jpg 768w\" sizes=\"auto, (max-width: 1191px) 100vw, 1191px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Nie zmieni to oczywi\u015bcie typu zmiennej w aplikacji, ale pozwoli zmieni\u0107 dok\u0142adno\u015b\u0107 oblicze\u0144 wykonywanych na potrzeby tej wizualizacji. Mo\u017cemy mie\u0107 np. zmienn\u0105 typu <strong>Double<\/strong>, czyli podw\u00f3jnej precyzji, ale w tym miejscu pracowa\u0107 z pojedyncz\u0105 precyzj\u0105, czyli <strong>Float<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tabela <strong>Truth Table<\/strong> pozwala nam monitorowa\u0107 warto\u015b\u0107 zmiennej w zdefiniowanych przedzia\u0142ach. Zobaczmy to na przyk\u0142adzie. Przyciskiem z plusem dodaj\u0119 wiersze do tabeli, tak aby liczy\u0142a ona trzy wiersze.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"816\" height=\"391\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-28.jpg\" alt=\"\" class=\"wp-image-26890\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-28.jpg 816w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-28-768x368.jpg 768w\" sizes=\"auto, (max-width: 816px) 100vw, 816px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">W tych wierszach zdefiniujemy teraz trzy warunki. W kolumnie <strong>Operator<\/strong> wprowadzamy operator por\u00f3wnania, precyzuj\u0105cy zakres, a w polu <strong>Value Or Expression<\/strong> \u2013 warto\u015b\u0107 graniczn\u0105, mo\u017ce to by\u0107 liczba lub wyra\u017cenie.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wprowad\u017amy nast\u0119puj\u0105ce warunki:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&gt; 666<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&gt; 333<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&lt;= 333<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"808\" height=\"389\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-29.jpg\" alt=\"\" class=\"wp-image-26891\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-29.jpg 808w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-29-768x370.jpg 768w\" sizes=\"auto, (max-width: 808px) 100vw, 808px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">W kolumnie <strong>Text<\/strong> wprowadzamy teksty, kt\u00f3re b\u0119d\u0105 wy\u015bwietlane, je\u017celi warto\u015b\u0107 zmiennej b\u0119dzie zawiera\u0142a si\u0119 w poszczeg\u00f3lnych przedzia\u0142ach. Niech b\u0119dzie to \u201eVery High\u201d, \u201eNormal\u201d i \u201eVery Low\u201d. Kompletna tabel wygl\u0105da tak:<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"813\" height=\"383\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-30.jpg\" alt=\"\" class=\"wp-image-26892\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-30.jpg 813w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-30-768x362.jpg 768w\" sizes=\"auto, (max-width: 813px) 100vw, 813px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Po uruchomieniu aplikacji przekonujemy si\u0119, \u017ce w zale\u017cno\u015bci od tego, w jakim przedziale znajduje si\u0119 warto\u015b\u0107 zmiennej <strong>Mixer100.Level.PV<\/strong>, wy\u015bwietlany jest odpowiadaj\u0105cy jej tekst.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"631\" height=\"277\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-31.jpg\" alt=\"\" class=\"wp-image-26893\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"634\" height=\"279\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-32.jpg\" alt=\"\" class=\"wp-image-26894\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"633\" height=\"280\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-33.jpg\" alt=\"\" class=\"wp-image-26895\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Warto zwr\u00f3ci\u0107 jeszcze uwag\u0119 na jeden szczeg\u00f3\u0142. Podczas pracy w oknie <strong>Edit Animations<\/strong> zdarza si\u0119, \u017ce w nag\u0142\u00f3wku wizualizacji wy\u015bwietlany jest ostrzegawczy symbol wykrzyknika na \u017c\u00f3\u0142tym tle. Oznacza to, \u017ce animacja nie jest w pe\u0142ni skonfigurowana i w niekt\u00f3rych polach brakuje danych lub s\u0105 one nieprawid\u0142owe. Pola takie s\u0105 zaznaczone dodatkowo czerwon\u0105 ramk\u0105. Takiej niekompletnej animacji nie da si\u0119 zapisa\u0107. Uzupe\u0142nienie danych powoduje znikni\u0119cie ostrzegawczej ikonki i umo\u017cliwia zapisanie animacji.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1004\" height=\"364\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-34.jpg\" alt=\"\" class=\"wp-image-26896\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-34.jpg 1004w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-34-840x305.jpg 840w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/20-34-768x278.jpg 768w\" sizes=\"auto, (max-width: 1004px) 100vw, 1004px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">W <a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wprowadzania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-21\/\">nast\u0119pnym odcinku<\/a> poznamy kolejny rodzaj animacji: <strong>User Input<\/strong>.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"padding:56.25% 0 0 0;position:relative;\"><iframe src=\"https:\/\/player.vimeo.com\/video\/1214519449?title=0&amp;byline=0&amp;portrait=0&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" title=\"20 Animacja wy\u015bwietlania warto\u015bci\"><\/iframe><\/div><script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n            <div id=\"mailerlite-form_9\" data-temp-id=\"6a6cb173eff5d\">\n                <div class=\"mailerlite-form\">\n                    <form action=\"\" method=\"post\" novalidate>\n                                                    <div class=\"mailerlite-form-title\"><h3>Newsletter Poradnika Automatyka<\/h3><\/div>\n                                                <div class=\"mailerlite-form-description\"><p>Czytaj trendy i inspiracje, podstawy automatyki, automatyk\u0119 w praktyce<\/p>\n<\/div>\n                        <div class=\"mailerlite-form-inputs\">\n                                                                                            <div class=\"mailerlite-form-field\">\n                                    <label for=\"mailerlite-9-field-email\">Email<\/label>\n                                    <input id=\"mailerlite-9-field-email\"\n                                           type=\"email\" required=\"required\"                                            name=\"form_fields[email]\"\n                                           placeholder=\"Email\"\/>\n                                <\/div>\n                                                        <div class=\"mailerlite-form-loader\">Please wait...<\/div>\n                            <div class=\"mailerlite-subscribe-button-container\">\n                                <button class=\"mailerlite-subscribe-submit\" type=\"submit\">\n                                    Zapisz si\u0119                                <\/button>\n                            <\/div>\n                            <input type=\"hidden\" name=\"form_id\" value=\"9\"\/>\n                            <input type=\"hidden\" name=\"action\" value=\"mailerlite_subscribe_form\"\/>\n                            <input type=\"hidden\" name=\"ml_nonce\" value=\"57dd88b3e1\"\/>\n                        <\/div>\n                        <div class=\"mailerlite-form-response\">\n                                                            <h4><p>Dzi\u0119kujemy za zapis do newslettera!<\/p>\n<\/h4>\n                                                    <\/div>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <script type=\"text\/javascript\" src='https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/plugins\/official-mailerlite-sign-up-forms\/assets\/js\/localization\/validation-messages.js'><\/script>\n         <script type=\"text\/javascript\"> var selectedLanguage = \"pl\"; var validationMessages = messages[\"en\"]; if(selectedLanguage) { validationMessages = messages[selectedLanguage]; } window.addEventListener(\"load\", function () { var form_container = document.querySelector(`#mailerlite-form_9[data-temp-id=\"6a6cb173eff5d\"] form`); let submitButton = form_container.querySelector('.mailerlite-subscribe-submit'); submitButton.disabled = true; fetch('https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-admin\/admin-ajax.php', { method: 'POST', headers:{ 'Content-Type': 'application\/x-www-form-urlencoded', }, body: new URLSearchParams({ \"action\" : \"ml_create_nonce\", \"ml_nonce\" : form_container.querySelector(\"input[name='ml_nonce']\").value }) }) .then((response) => response.json()) .then((json) => { if(json.success) { form_container.querySelector(\"input[name='ml_nonce']\").value = json.data.ml_nonce; submitButton.disabled = false; } }) .catch((error) => { console.error('Error:', error); }); form_container.addEventListener('submit', (e) => { e.preventDefault(); let data = new URLSearchParams(new FormData(form_container)).toString(); let validationError = false; document.querySelectorAll('.mailerlite-form-error').forEach(el => el.remove()); Array.from(form_container.elements).forEach((input) => { if(input.type !== 'hidden') { if(input.required) { if(input.value == '') { validationError = true; let error = document.createElement(\"span\"); error.className = 'mailerlite-form-error'; error.textContent = validationMessages.required; input.after(error); return false; } } if((input.type == \"email\") && (!validateEmail(input.value))) { validationError = true; let error = document.createElement(\"span\"); error.className = 'mailerlite-form-error'; error.textContent = validationMessages.email; input.after(error); return false; } } }); if(validationError) { return false; } fade.out(form_container.querySelector('.mailerlite-subscribe-button-container'), () => { fade.in(form_container.querySelector('.mailerlite-form-loader')); }); fetch('https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-admin\/admin-ajax.php', { method: 'POST', headers:{ 'Content-Type': 'application\/x-www-form-urlencoded', }, body: data }) .then((response) => { fade.out(form_container.querySelector('.mailerlite-form-inputs'), () => { fade.in(form_container.querySelector('.mailerlite-form-response')); }); }) .catch((error) => { console.error('Error:', error); }); }); }, false); var fade = { out: function(el, fn = false) { var fadeOutEffect = setInterval(function () { if (!el.style.opacity) { el.style.opacity = 1; } if (el.style.opacity > 0) { el.style.opacity -= 0.1; } else { el.style.display = 'none'; clearInterval(fadeOutEffect); } }, 50); if( typeof (fn) == 'function') { fn(); } }, in: function(el) { var fadeInEffect = setInterval(function () { if (!el.style.opacity) { el.style.opacity = 0; } if (el.style.opacity < 1) { el.style.opacity = Number(el.style.opacity) + 0.1; } else { el.style.display = 'block'; clearInterval(fadeInEffect); } }, 50); } }; function validateEmail(email){ if(email.match( \/^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$\/ )) { return true; } return false; } <\/script> \n","protected":false},"excerpt":{"rendered":"<p>W tym odcinku poznamy jedn\u0105 z najwa\u017cniejszych animacji, powszechnie u\u017cywanych w aplikacjach wizualizacyjnych: wy\u015bwietlanie danych (Value Display).<\/p>\n","protected":false},"author":12,"featured_media":26898,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[234],"tags":[195,232,314,243,308],"class_list":["post-26786","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-automatyka-w-praktyce","tag-aveva-edge","tag-aveva-intouch-hmi","tag-aveva-plant-scada","tag-aveva-system-platform","tag-platforma-systemowa-aveva"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\r\n<title>Animacja wy\u015bwietlania warto\u015bci | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 20 | Poradnik Automatyka<\/title>\r\n<meta name=\"description\" content=\"W tym odcinku poznamy jedn\u0105 z najwa\u017cniejszych animacji, powszechnie u\u017cywanych w aplikacjach wizualizacyjnych: wy\u015bwietlanie danych (Value Display).\" \/>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/\" \/>\r\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Animacja wy\u015bwietlania warto\u015bci | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 20 | Poradnik Automatyka\" \/>\r\n<meta property=\"og:description\" content=\"W tym odcinku poznamy jedn\u0105 z najwa\u017cniejszych animacji, powszechnie u\u017cywanych w aplikacjach wizualizacyjnych: wy\u015bwietlanie danych (Value Display).\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Poradnik Automatyka\" \/>\r\n<meta property=\"article:published_time\" content=\"2026-07-03T04:48:00+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2026-07-31T10:46:14+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/kurs-ig-head-20.jpg\" \/>\r\n\t<meta property=\"og:image:width\" content=\"761\" \/>\r\n\t<meta property=\"og:image:height\" content=\"400\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\r\n<meta name=\"author\" content=\"Mateusz Zajchowski\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mateusz Zajchowski\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minut\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\\\/\"},\"author\":{\"name\":\"Mateusz Zajchowski\",\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/#\\\/schema\\\/person\\\/e1bb798cd9509335f392d97dfcbe5cd5\"},\"headline\":\"Animacja wy\u015bwietlania warto\u015bci | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 20\",\"datePublished\":\"2026-07-03T04:48:00+00:00\",\"dateModified\":\"2026-07-31T10:46:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\\\/\"},\"wordCount\":1613,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/kurs-ig-head-20.jpg\",\"keywords\":[\"AVEVA Edge\",\"AVEVA InTouch HMI\",\"aveva plant scada\",\"AVEVA System Platform\",\"Platforma Systemowa AVEVA\"],\"articleSection\":[\"Automatyka w praktyce\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\\\/\",\"url\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\\\/\",\"name\":\"Animacja wy\u015bwietlania warto\u015bci | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 20 | Poradnik Automatyka\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/kurs-ig-head-20.jpg\",\"datePublished\":\"2026-07-03T04:48:00+00:00\",\"dateModified\":\"2026-07-31T10:46:14+00:00\",\"description\":\"W tym odcinku poznamy jedn\u0105 z najwa\u017cniejszych animacji, powszechnie u\u017cywanych w aplikacjach wizualizacyjnych: wy\u015bwietlanie danych (Value Display).\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/kurs-ig-head-20.jpg\",\"contentUrl\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/kurs-ig-head-20.jpg\",\"width\":761,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Automatyka w praktyce\",\"item\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/category\\\/automatyka-w-praktyce\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Animacja wy\u015bwietlania warto\u015bci | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 20\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/#website\",\"url\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/\",\"name\":\"Poradnik Automatyka\",\"description\":\"Poradnik Automatyka to przydatne kursy, u\u017cyteczne artyku\u0142y i merytoryczne webinary dla ka\u017cdego automatyka i elektryka.\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/#organization\",\"name\":\"ASTOR\",\"url\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/wp-content\\\/uploads\\\/2018\\\/08\\\/ASTOR_zwykly_sam_logotyp.png\",\"contentUrl\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/wp-content\\\/uploads\\\/2018\\\/08\\\/ASTOR_zwykly_sam_logotyp.png\",\"width\":3322,\"height\":1078,\"caption\":\"ASTOR\"},\"image\":{\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/#\\\/schema\\\/person\\\/e1bb798cd9509335f392d97dfcbe5cd5\",\"name\":\"Mateusz Zajchowski\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/M.-Zajchowski-301x301.jpeg\",\"url\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/M.-Zajchowski-301x301.jpeg\",\"contentUrl\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/M.-Zajchowski-301x301.jpeg\",\"caption\":\"Mateusz Zajchowski\"},\"description\":\"Specjalista ds. oprogramowania przemys\u0142owego AVEVA Z firm\u0105 ASTOR zwi\u0105zany od 2014 roku, od samego pocz\u0105tku w obszarach dotycz\u0105cych system\u00f3w zarz\u0105dzania energi\u0105. Specjalista techniczny, certyfikowany trener i in\u017cynier wsparcia w zakresie oprogramowania przemys\u0142owego AVEVA (dawniej Wonderware). Posiada r\u00f3wnie\u017c do\u015bwiadczenie w zakresie integracji system\u00f3w oprogramowania z obiektowymi systemami sterowania i automatyki. Od ponad 3 lat dzia\u0142a w interdyscyplinarnym zespole ds. wykorzystania Sztucznej Inteligencji w przemy\u015ble, gdzie jest odpowiedzialny za zakres integracji zaawansowanych algorytm\u00f3w z oprogramowaniem przemys\u0142owym AVEVA.\",\"sameAs\":[\"https:\\\/\\\/pl.linkedin.com\\\/in\\\/mateusz-zajchowski-824451132\"],\"url\":\"https:\\\/\\\/www.astor.com.pl\\\/poradnikautomatyka\\\/autor\\\/mateuszza\\\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Animacja wy\u015bwietlania warto\u015bci | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 20 | Poradnik Automatyka","description":"W tym odcinku poznamy jedn\u0105 z najwa\u017cniejszych animacji, powszechnie u\u017cywanych w aplikacjach wizualizacyjnych: wy\u015bwietlanie danych (Value Display).","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/","og_locale":"pl_PL","og_type":"article","og_title":"Animacja wy\u015bwietlania warto\u015bci | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 20 | Poradnik Automatyka","og_description":"W tym odcinku poznamy jedn\u0105 z najwa\u017cniejszych animacji, powszechnie u\u017cywanych w aplikacjach wizualizacyjnych: wy\u015bwietlanie danych (Value Display).","og_url":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/","og_site_name":"Poradnik Automatyka","article_published_time":"2026-07-03T04:48:00+00:00","article_modified_time":"2026-07-31T10:46:14+00:00","og_image":[{"width":761,"height":400,"url":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/kurs-ig-head-20.jpg","type":"image\/jpeg"}],"author":"Mateusz Zajchowski","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"Mateusz Zajchowski","Szacowany czas czytania":"16 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/#article","isPartOf":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/"},"author":{"name":"Mateusz Zajchowski","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#\/schema\/person\/e1bb798cd9509335f392d97dfcbe5cd5"},"headline":"Animacja wy\u015bwietlania warto\u015bci | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 20","datePublished":"2026-07-03T04:48:00+00:00","dateModified":"2026-07-31T10:46:14+00:00","mainEntityOfPage":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/"},"wordCount":1613,"commentCount":0,"publisher":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#organization"},"image":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/#primaryimage"},"thumbnailUrl":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/kurs-ig-head-20.jpg","keywords":["AVEVA Edge","AVEVA InTouch HMI","aveva plant scada","AVEVA System Platform","Platforma Systemowa AVEVA"],"articleSection":["Automatyka w praktyce"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/","url":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/","name":"Animacja wy\u015bwietlania warto\u015bci | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 20 | Poradnik Automatyka","isPartOf":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/#primaryimage"},"image":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/#primaryimage"},"thumbnailUrl":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/kurs-ig-head-20.jpg","datePublished":"2026-07-03T04:48:00+00:00","dateModified":"2026-07-31T10:46:14+00:00","description":"W tym odcinku poznamy jedn\u0105 z najwa\u017cniejszych animacji, powszechnie u\u017cywanych w aplikacjach wizualizacyjnych: wy\u015bwietlanie danych (Value Display).","breadcrumb":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/#primaryimage","url":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/kurs-ig-head-20.jpg","contentUrl":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2026\/07\/kurs-ig-head-20.jpg","width":761,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/animacja-wyswietlania-wartosci-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-20\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Automatyka w praktyce","item":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/category\/automatyka-w-praktyce\/"},{"@type":"ListItem","position":2,"name":"Animacja wy\u015bwietlania warto\u015bci | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 20"}]},{"@type":"WebSite","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#website","url":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/","name":"Poradnik Automatyka","description":"Poradnik Automatyka to przydatne kursy, u\u017cyteczne artyku\u0142y i merytoryczne webinary dla ka\u017cdego automatyka i elektryka.","publisher":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#organization","name":"ASTOR","url":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#\/schema\/logo\/image\/","url":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2018\/08\/ASTOR_zwykly_sam_logotyp.png","contentUrl":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2018\/08\/ASTOR_zwykly_sam_logotyp.png","width":3322,"height":1078,"caption":"ASTOR"},"image":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#\/schema\/person\/e1bb798cd9509335f392d97dfcbe5cd5","name":"Mateusz Zajchowski","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2023\/04\/M.-Zajchowski-301x301.jpeg","url":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2023\/04\/M.-Zajchowski-301x301.jpeg","contentUrl":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2023\/04\/M.-Zajchowski-301x301.jpeg","caption":"Mateusz Zajchowski"},"description":"Specjalista ds. oprogramowania przemys\u0142owego AVEVA Z firm\u0105 ASTOR zwi\u0105zany od 2014 roku, od samego pocz\u0105tku w obszarach dotycz\u0105cych system\u00f3w zarz\u0105dzania energi\u0105. Specjalista techniczny, certyfikowany trener i in\u017cynier wsparcia w zakresie oprogramowania przemys\u0142owego AVEVA (dawniej Wonderware). Posiada r\u00f3wnie\u017c do\u015bwiadczenie w zakresie integracji system\u00f3w oprogramowania z obiektowymi systemami sterowania i automatyki. Od ponad 3 lat dzia\u0142a w interdyscyplinarnym zespole ds. wykorzystania Sztucznej Inteligencji w przemy\u015ble, gdzie jest odpowiedzialny za zakres integracji zaawansowanych algorytm\u00f3w z oprogramowaniem przemys\u0142owym AVEVA.","sameAs":["https:\/\/pl.linkedin.com\/in\/mateusz-zajchowski-824451132"],"url":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/autor\/mateuszza\/"}]}},"_links":{"self":[{"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/posts\/26786","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/comments?post=26786"}],"version-history":[{"count":3,"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/posts\/26786\/revisions"}],"predecessor-version":[{"id":26931,"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/posts\/26786\/revisions\/26931"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/media\/26898"}],"wp:attachment":[{"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/media?parent=26786"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/categories?post=26786"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/tags?post=26786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}