Začetek - Digital Twin Visual

Dobrodošli! Ta izčrpen vodnik vam bo pomagal hitro začeti uporabljati vizualno orodje Digital Twin za Power BI, ki vključuje napredno navigacijo, interaktivno legendo, sorazmerno širino robov, izboljšane namige, navzkrižno filtriranje in možnost vrtanja.

📋 Celovit pregled funkcij

🔍 Izboljšana navigacija ✨

Tekoče povečevanje in pomikanje z gladkimi animacijami
Profesionalni navigacijski gumbi na zaslonu
Minimapa v realnem času z indikatorjem vidnega polja
Pametne povratne informacije o kazalcu (prijemanje/grabljenje)
Natančnost za velike diagrame, ki je podobna natančnosti CAD

🎨 Interaktivni legendarni sistem ✨

Dinamična legenda iz dejanskih barv vozlišč
Kliknite elemente legende, da označite vozlišča.
Deluje s katerim koli kategoričnim poljem
Integracija navzkrižnega filtriranja
Prikaz števila vozlišč po kategorijah

📊 Sorazmerna širina robov ✨

Debelina robov se spreminja z intenzivnostjo toka
Algoritem za normalizacijo na vozlišče
Takojšnja identifikacija ozkega grla
Vklop/izklop prek podokna s formati
Kontekstualna vizualizacija toka

💬 Izboljšane vrstice orodij ✨

Prilagodljiv "Ključ: Vrednosti" vozlišč
Pametni sistem nadomestnih namigov za robove
Podpora za več polj z imeni polj
Samodejno ustvarjanje nalepk
Povratno združljiva zasnova

🔄 Napredno navzkrižno filtriranje

Obojestransko filtriranje s tabelami
Poudarjanje posameznih vozlišč/krajev
Filtriranje kategorij na podlagi legende
Podpora za več izbir
Izboljšani podatkovni model z ukrepi

🎯 Integracija Power BI

Kontekstni meniji, skladni z aplikacijo AppSource
Bogate možnosti vrtanja skozi
Organizirani nadzorni elementi podokna formata
Izboljšani nadzor robov s podskupinami
Strokovno upravljanje izbora

📊 Razširjena nastavitev in zahteve za podatke

⚠️ Pomembno: Vsi podatki morajo biti v eni sami tabeli z uporabo strukture UNION z ustreznim ravnanjem z NULL za optimalno delovanje.

Izboljšana struktura podatkovnega modela

- Izboljšana podatkovna struktura z vsemi novimi funkcijami ✨

IZBERI 

    NodeId, 

    "Status: Status: Running\nType: Temperatura: 85°C\nUčinkovitost: 92%' kot NodeTooltip,

    'Running' kot LegendColor, - Za interaktivno legendo ✨

    NULL kot EdgeId, NULL kot SourceId, NULL kot TargetId, NULL kot EdgeTooltip,

    Učinkovitost kot NodeValue, - Za navzkrižno filtriranje

    NULL kot EdgeValue

IZ tabele vozlišč

UNION ALL

IZBERI 

    NULL kot NodeId, NULL kot NodeTooltip, NULL kot LegendColor,

    EdgeId, SourceId, TargetId,

    "Vrsta: Vrsta: MaterialFlow\nIntenzivnost: Tlak: 2,5 bara' kot EdgeTooltip, - Pametne oznake orodij ✨

    NULL kot NodeValue,

    FlowIntensity kot EdgeValue - navzkrižno filtriranje + sorazmerna širina ✨

IZ tabele EdgesTable

Referenca za izboljšane podatkovne vloge

Polje	Tip	Status	Opis	Primer
Vsebina SVG	Ukrep	✅ Zahtevano	Oznaka SVG, ki vsebuje diagram digitalnega dvojčka	...
NodeId	Kategorija	✅ Zahtevano	Enolični identifikator za vsako vozlišče	M1001, B1201, T1101
Namig za vozlišče	Kategorija	✨ Izboljšano	"Ključ: Večvrstična oblika namigov	Status: V teku\nTip: Učinkovitost: 92%
Barva legende (neobvezno)	Kategorija	✨ Novo!	Kategorialno polje za interaktivno ustvarjanje legende	Delovanje, Vzdrževanje, Brez povezave
Vrednost vozlišča	Ukrep	🔄 Izboljšano	Poslovne metrike za vozlišča navzkrižnega filtriranja	85.4, 92.1, 79.8
EdgeId	Kategorija	❌ Izbirno	Enolični identifikator za vsak rob	E1001, E1002
SourceId	Kategorija	❌ Izbirno	Izvorno vozlišče za robove	M1001
TargetId	Kategorija	❌ Izbirno	Ciljno vozlišče za robove	M1002
Namig za robove (neobvezno)	Kategorija	✨ Novo!	Napotilo za več polj s pametnim nadomestnim sistemom	Podprtih je več polj
Vrednost roba	Ukrep	🔄 Izboljšano	Intenzivnost pretoka za navzkrižno filtriranje + sorazmerna širina	85.0, 150.5, 89.1

⚙️ Celovit priročnik za konfiguracijo

Korak 1: Pripravite vsebino SVG

Ustvarite ukrep SVG: Zagotovite, da vaš SVG vsebuje veljavne oznake z edinstvenimi id atributi
ID-ji tekem: Vrednosti NodeId se morajo ujemati z elementom SVG id atributi natančno
Čista struktura: Uporabite dosledno velikost in se izogibajte zapletenim transformacijam
Nevtralne barve: Uporabite nevtralne barve SVG; pustite vizualni nadzor nad obarvanostjo
Zasnova, pripravljena na robove: Oblikovanje poti robov za dobro delovanje s sorazmernim pomanjševanjem širine

Vsebina SVG = 

"

  <rect id=’M1001′ x=’100′ y=’100′ width=’80’ height=’50’ fill=’#cccccc’/>

  <rect id=’M1002′ x=’220′ y=’100′ width=’80’ height=’50’ fill=’#cccccc’/>

  <line id=’E1001′ x1=’180′ y1=’125′ x2=’220′ y2=’125′ stroke=’#999999’/>

  <circle id=’T1101′ cx=’260′ cy=’460′ r=’30’ fill=’#aaaaaa’/>

"

Korak 2: Konfiguracija programa Basic Visual

Dodajte vizualno: Vstavite vizualno podobo digitalnega dvojčka v poročilo
Vsebina zemljevida SVG: povlecite merilo SVG v polje "Vsebina SVG".
Zemljevid NodeId: Povlecite identifikator vozlišča v polje "NodeId".
Preizkusite osnovno funkcionalnost: Preverite, ali so vozlišča klikljiva in ali deluje podvozje

Korak 3: Omogočite izboljšane funkcije ✨

🎨 Nastavitev interaktivne legende

Dodajte polje Legenda: Povlecite kategorično polje v "Barva legende (neobvezno)".
Samodejno generiranje: Legenda samodejno bere dejanske barve vozlišč
Testna interakcija: Kliknite elemente legende, da označite vozlišča.
Preveri zaslon: Preveri število vozlišč za vsako kategorijo

💬 Izboljšana nastavitev orodnih vrstic

Orodne vrstice vozlišč: Uporabite "Ključ: Ključ2: Vrednost2" v polju Node Tooltip
Orodne vrstice za robove: Povlecite več polj v "Orodna namigna za robove (neobvezno)"
Vsebina testa: Premaknite se nad vozlišča/kraje, da preverite bogate namige z orodji
Preverite nalepke: Zagotovite, da se imena polj prikažejo kot nalepke s podnapisi

📊 Nastavitev sorazmerne širine roba

Dodajte podatke o pretoku: Mapiranje vrednosti prepustnosti/intenzivnosti v polje Edge Value (Vrednost roba)
Dodajte robna polja: Vključite EdgeId, SourceId, TargetId za vizualizacijo
Omogočite funkcijo: Podokno Oblikovanje > Robovi > Splošno > Preklopi "Proporcionalna širina"
Testno skaliranje: Preverite lestvice debeline robov s podatkovnimi vrednostmi

🔍 Napredna nastavitev navigacije

Omogočite nadzor: Podokno za oblikovanje > Navigacija > Omogoči kontrolnike povečave
Omogočite minimalno karto: Preklopite minimapo za navigacijo po velikem diagramu
Testna navigacija: Povečanje s koleščkom miške, pomikanje s klikom in vlečenjem
Preverite povratne informacije: Preverjanje sprememb kurzorja med operacijami pomikanja

🔄 Napredna nastavitev navzkrižnega filtriranja

Dodajte polja ukrepov: Vključite ukrepa NodeValue in EdgeValue
Ustvarjanje tabel: Dodajanje vizualnih prikazov tabel z istimi podatki za filtriranje
Filtriranje testne tabele: Kliknite vrstice tabele, da označite elemente
Testno filtriranje legende: Kliknite elemente legende za filtriranje kategorij
Preizkusite vizualno filtriranje: Kliknite vozlišča/obrobe za filtriranje drugih vizualnih elementov.

✅ Konfiguracija je končana: Zdaj bi morali imeti popolnoma interaktivni digitalni dvojček z napredno navigacijo, interaktivno legendo, sorazmerno širino robov, izboljšanimi opozorili in obsežnimi možnostmi navzkrižnega filtriranja.

🎯 Vodnik za uporabo naprednih funkcij

🔍 Izboljšana navigacija in povečava ✨

Interakcije z miško in dotikom

Kolesce miške: Pomikanje za povečavo/pomanjšavo z gladkimi animacijami
Kliknite in povlecite: Premikanje z vizualnimi povratnimi informacijami o kazalcu (zgrabitev/prijemanje)
Krmiljenje navigacije: Uporaba zaslonskih gumbov +, - in Domov
Ponastavitev pogleda: Kliknite gumb Domov, da se nemoteno vrnete v prvotni pogled
Navigacija na minimalni karti: Kliknite minimapo za skok na različna območja
Sledenje v vidnem polju: Ogled pravokotnika v realnem času v minimapi

🎨 Interaktivni legendarni sistem ✨

Nastavitev in uporaba legende

Nastavitev: Povlecite katero koli kategorično polje v "Barva legende (neobvezno)".
Barvno branje: Legenda samodejno prebere dejanske barve iz izrisanih vozlišč
Kliknite za filtriranje: Kliknite elemente legende, da označite ustrezna vozlišča.
Vizualna povratna informacija: Izbrane kategorije so poudarjene, druge so zatemnjene
Navzkrižno vizualno: Kliki na legendo sprožijo filtriranje v drugih vizualnih prikazih
Ponastavitev: Ponovno kliknite isti element legende, da počistite osvetlitev

💡 Nasvet za profesionalce: Odlično je za spremljanje stanja, filtriranje kategorij in razumevanje, kaj barve vozlišč predstavljajo na prvi pogled.

📊 Sorazmerna širina robov ✨

Vizualizacija na podlagi toka

Kartiranje podatkov: Mapiranje intenzivnosti/prepustnosti pretoka v polje Edge Value (Vrednost roba)
Omogočite funkcijo: Podokno Format > Robovi > Splošno > "Proporcionalna širina"
Vizualno skaliranje: Debelina robov se samodejno meri z vrednostmi podatkov
Kontekstualno skaliranje: Normalizacija na vozlišče prikazuje relativno pomembnost
ID ozkega grla: Takoj prepoznajte povezave z visokim pretokom
Vidni domet: Najmanjša debelina 1px do največja debelina 8px

💡 Poslovna vrednost: Uporabljajte jih za operativne nadzorne plošče, da takoj odkrijete ozka grla in visoko prepustne povezave v digitalnem dvojčku.

💬 Izboljšan sistem namigov ✨

Prilagodljiva konfiguracija namigov

Orodne vrstice vozlišč: Uporabite "Ključ: Ključ2: Vrednost2" v polju Node Tooltip
Podpora za več linij: Uporaba \n za prelome vrstic v vsebini namigov
Orodne vrstice za robove: Povlecite več polj v "Orodna namigna za robove (neobvezno)"
Pametno nadomestno delovanje: Samodejne osnovne informacije, če niso določena polja po meri
Nalepke za polja: Imena polj samodejno postanejo nalepke z namigi orodij
Bogata vsebina: Podpora za operativni kontekst in poslovne metrike

🔄 Napredno navzkrižno filtriranje

Tristranski sistem filtriranja

Tabela ↔ Vizualno: Kliknite vrstice tabele, da označite vozlišča/ogla
Legenda ↔ Vizualno: Kliknite elemente legende, da poudarite kategorije
Vizualni ↔ Drugi vizualni elementi: Kliknite vozlišča/obrobe za filtriranje grafikonov/tabel
Več izbir: Držite tipko Ctrl in kliknite več elementov
Počisti izbor: Kliknite prazen prostor za ponastavitev vseh izbir
Vizualna povratna informacija: Poudarjeni elementi so popolnoma neprozorni, drugi so zatemnjeni

⚡ Napredni upravljalniki robov

Podokno organiziranega formata

📁 Oddelek za robove:

🎨 Barve robov (podskupina): Posamezne barve robov in nadzor gradienta
⚙️ Splošno (podskupina): Motnost, vrstni red upodabljanja in sorazmerna širina

Na voljo so krmilniki:

Omogočite gradient robov: Gladki barvni prehodi med vozlišči
Sorazmerna širina: Skaliranje debeline na podlagi pretoka
Motnost robov: Nadzor preglednosti (0-100%)
Prikaži robove v ospredju: Upravljanje s plastenjem

🎯 Nastavitev vrtanja

Ustvarjanje strani z možnostjo vrtanja: Vzpostavite namenske strani s podrobnostmi
Dodajte polja za filtriranje: Vključitev NodeId/EdgeId v filtre za prebiranje
Testna navigacija: Z desnim klikom na vozlišča/obrobe prikažite možnosti vrtanja
Prazen prostor Meni: Desni klik na prazna območja za standardni meni Power BI
Preveri kontekst: Zagotovite, da je filtrirani kontekst pravilno posredovan

🔧 Celovit vodnik za odpravljanje težav

❌ Izboljšana vprašanja navigacije ✨

Preverite podokno Format > Navigacijske nastavitve za nadzor povečave in vidnost minimape.
Preverite, ali je dovolj vidnega prostora za navigacijske gumbe in minimapo.
Preizkusite povratne informacije o kazalcu med operacijami pomikanja (prikazati mora prijemanje/zgrabljanje)
Zagotavljanje pravilnega posodabljanja pravokotnika pogleda na minimapi med povečavo/premikanjem
Preizkusite odzivnost na različnih velikostih zaslona

❌ Interaktivne težave z legendo ✨

Preverite, ali je kategorično polje povlečeno v "Barva legende (neobvezno)".
Preverite, ali imajo vozlišča dejanske barve (ne vse privzete sive).
Zagotovite, da kategorični podatki vsebujejo smiselne in čiste vrednosti.
Preizkusite funkcionalnost klika na legendo za poudarjanje vedenja
Preverite, ali postavitev legende ne ovira glavne vizualne vsebine.

❌ Vprašanja sorazmerne širine robov ✨

Omogočite preklop "Proporcionalna širina" v podoknu Format > Robovi > Splošno
Zagotovite, da polje Edge Value vsebuje numerične podatke o pretoku
Preverite, ali so EdgeId, SourceId in TargetId pravilno preslikani.
Preverite, ali se podatki o robovih smiselno razlikujejo po vrednostih.
Preizkusite, ali je merjenje debeline vizualno primerno.

❌ Izboljšani problemi s podnapisi orodij ✨

Uporabite "Ključ: Vrednost\nKljuč2: Vrednost2" za polje Node Tooltip
Za namig za robove povlecite polja v razdelek "Namig za robove (neobvezno)".
Preizkusite pametno povratno možnost, ko ni določeno nobeno polje Edge Tooltip
Preverite, ali se imena polj prikažejo kot oznake v prikazu namigov.
Zagotovite, da se večvrstična vsebina prikaže z ustreznimi prelomi vrstic.

❌ Navzkrižno filtriranje ne deluje

Dodajte merilna polja Vrednost vozlišča in/ali Vrednost roba
Prepričajte se, da so vrednosti ukrepov izpolnjene (niso NULL/prazne).
Preizkusite obe smeri: miza → vidno in vidno → miza
Neodvisno testiranje filtriranja na podlagi legende
Preverite, ali izbor sproži poudarke (spremembe neprozornosti).
Najprej preizkusite z enostavnim enim samim izborom

❌ Vizualno ni prikazano

Preverite, ali merjenje vsebine SVG vrne veljavne oznake SVG
Preverite, ali je polje NodeId preslikano in vsebuje podatke
Zagotovite, da se ID-ji elementov SVG natančno ujemajo z vrednostmi NodeId
Preverjanje sintakse SVG s spletnim validatorjem SVG

❌ Vozlišča niso interaktivna

Potrdite, da je podatkovna vloga NodeId izpolnjena
Preverite, ali imajo elementi SVG ustrezne atribute id
Preverite, ali elementi niso skriti z drugimi elementi SVG.
Preizkusite učinke podrsavanja za potrditev zaznavanja elementov

❌ Robovi niso vidni

Mapiranje podatkovnih vlog EdgeId, SourceId in TargetId
Vrednosti SourceId/TargetId se ujemajo z obstoječimi vrednostmi NodeId
Preverite nastavitev neprozornosti robov (morda je nastavljena prenizko).
preverjanje vrstnega reda upodabljanja robov (v ospredju in ozadju)
Najprej preizkusite z barvami robov z visokim kontrastom

🎉 Napredne najboljše prakse

Izboljšano modeliranje podatkov ✨

Izberite smiselna kategorična polja za interaktivno legendo
Strukturiranje orodnih vrstic z uporabo "Ključ: Vrednost"
Uporaba metrike pretoka za sorazmerno širino roba
Zagotovite pravilno ravnanje z NULL v strukturi UNION
Testiranje z realnimi količinami podatkov

Uspešnost in navigacija ✨

Uporaba minimape za navigacijo po velikih diagramih
Optimizacija zapletenosti SVG za gladko povečavo/premikanje
Preizkus sorazmerne širine z realnimi podatki o pretoku
Spremljanje porabe pomnilnika z izboljšanimi funkcijami
Strateško uporabite polja meritev za navzkrižno filtriranje

Uporabniška izkušnja ✨

Uporabite klike na legendo za filtriranje po kategorijah
Združevanje filtriranja tabele s filtriranjem legende
Oblikovanje smiselne vsebine namigov
Standardizacija ravni povečave in navigacijskih vzorcev
Testiranje vseh delovnih tokov interakcije od začetka do konca

Napredno povezovanje ✨

Uporaba sorazmerne širine za spremljanje delovanja
Združevanje filtriranja legend z analizo časovnih vrst
Povezovanje podatkov o pretoku s prediktivno analitiko
Ustvarjanje celovitih multimodalnih nadzornih plošč
povezovanje z geografskimi vizualnimi elementi z uporabo skupnega filtriranja

🚀 Ste pripravljeni začeti? Ta celovita vizualna rešitev statične diagrame spremeni v interaktivne nadzorne plošče digitalnih dvojčkov s profesionalno navigacijo, inteligentno vizualizacijo tokov, filtriranjem na podlagi kategorij in bogatimi kontekstualnimi informacijami!