Susisiekite su
  Susisiekite su

Darbo pradžia - Digital Twin Visual

Sveiki atvykę! Šis išsamus vadovas padės jums greitai pradėti naudotis "Power BI" skaitmeninio dvynio vaizdine versija, kurioje yra išplėstinė navigacija, interaktyvioji legenda, proporcingas kraštų plotis, patobulintos įrankių nuorodos, kryžminio filtravimo ir gręžimo galimybės.
 
Greita navigacija:
Apžvalga | Duomenų nustatymas | Pagrindinė konfigūracija | Išplėstinės funkcijos | Trikčių šalinimas
 

📋 Išsami funkcijų apžvalga

🔍 Patobulinta navigacija ✨

  • Sklandus priartinimas ir paslinkimas su sklandžia animacija
  • Profesionalūs ekrano navigacijos valdikliai
  • Realaus laiko minimapas su rodinio indikatoriumi
  • Išmanusis žymeklio grįžtamasis ryšys (griebti/graibstyti)
  • CAD tikslumas didelėms diagramoms

🎨 Interaktyvioji legendų sistema ✨

  • Dinaminė legenda pagal faktines mazgų spalvas
  • Spustelėkite legendos elementus, kad paryškintumėte mazgus
  • Veikia su bet kokiu kategoriniu lauku
  • Kryžminio filtravimo integracija
  • Mazgų skaičiaus rodymas pagal kategoriją

📊 Proporcinis kraštų plotis ✨

  • Kraštų storis priklauso nuo srauto intensyvumo
  • Vieno mazgo normalizavimo algoritmas
  • Momentinis kliūčių nustatymas
  • Įjungti / išjungti per formato langą
  • Kontekstinis srauto vizualizavimas

💬 Patobulintos įrankių viršūnėlės ✨

  • Lankstus "Raktas: Mazgų įrankių užrašai
  • Išmanioji krašto įrankių užuominų grįžtamoji sistema
  • Kelių laukų palaikymas su laukų pavadinimais
  • Automatinis etikečių generavimas
  • Atgalinio suderinamumo dizainas

🔄 Išplėstinis kryžminis filtravimas

  • Dvipusis filtravimas naudojant lenteles
  • Atskirų mazgų ir kraštų paryškinimas
  • Legendomis pagrįstas kategorijų filtravimas
  • Kelių pasirinkimų palaikymas
  • Patobulintas duomenų modelis su priemonėmis

🎯 "Power BI" integracija

  • "AppSource" atitinkantys kontekstiniai meniu
  • Didelės gręžimo galimybės
  • Organizuoti formato skydelio valdikliai
  • Patobulinti kraštų valdikliai su pogrupiais
  • Profesionalus atrankos valdymas

📊 Patobulinta duomenų sąranka ir reikalavimai

⚠️ Svarbu: Visi duomenys turi būti vienoje lentelėje, naudojant UNION struktūrą ir tinkamai tvarkant NULL, kad būtų užtikrintas optimalus našumas.

Patobulinta duomenų modelio struktūra

- Patobulinta duomenų struktūra su visomis naujomis funkcijomis ✨
IŠSIRINKTI
    NodeId,
    "Būklė: Statusas: Running\nType: Temperatūra: 85°C\nEfektyvumas: 92%' as NodeTooltip,
    'Running' kaip LegendColor, - Interaktyviai legendai ✨
    NULL kaip EdgeId, NULL kaip SourceId, NULL kaip TargetId, NULL kaip EdgeTooltip,
    Efektyvumas kaip mazgo reikšmė, - kryžminiam filtravimui
    NULL kaip EdgeValue
IŠ mazgų lentelės
UNION ALL
IŠSIRINKTI
    NULL kaip NodeId, NULL kaip NodeTooltip, NULL kaip LegendColor,
    EdgeId, SourceId, TargetId,
    "Tipas: Tipas: MaterialFlow\nIntensity: High\nPressure: 2.5 bar' as EdgeTooltip, - Smart tooltips ✨
    NULL kaip NodeValue,
    FlowIntensity kaip EdgeValue - Kryžminis filtravimas + proporcingas plotis ✨
FROM EdgesTable

Patobulintų duomenų vaidmenų nuoroda

LaukasTipasStatusasAprašymasPavyzdys
SVG turinysPriemonė✅ ReikalingaSVG žyma, kurioje pateikiama skaitmeninio dvynio diagrama...
NodeIdKategorija✅ ReikalingaUnikalus kiekvieno mazgo identifikatoriusM1001, B1201, T1101
Mazgo įrankių užuominaKategorija✨ Patobulinta"Raktas: Vertė" kelių eilučių įrankių užuominos formatasBūklė: Tipas: Mašina\nEfektyvumas: 92%
Legendos spalva (neprivaloma)Kategorija✨ Nauja!Kategorinis laukas interaktyviam legendos generavimuiVeikia, Techninė priežiūra, Atsijungęs
Mazgo vertėPriemonė🔄 PatobulintaVerslo rodikliai kryžminio filtravimo mazgams85.4, 92.1, 79.8
EdgeIdKategorija❌ NeprivalomaUnikalus kiekvienos briaunos identifikatoriusE1001, E1002
SourceIdKategorija❌ NeprivalomaKraštų šaltinio mazgasM1001
TargetIdKategorija❌ NeprivalomaTikslinis briaunų mazgasM1002
Kraštų įrankių užrašas (neprivaloma)Kategorija✨ Nauja!Kelių laukų įrankių užuomina su išmaniąja grįžtamąja sistemaPalaikomi keli laukai
Kraštų vertėPriemonė🔄 PatobulintaSrauto intensyvumas kryžminiam filtravimui + proporcingas plotis85.0, 150.5, 89.1

⚙️ Išsamus konfigūravimo vadovas

1 žingsnis: Paruoškite SVG turinį

  1. Sukurti SVG priemonę: Užtikrinkite, kad jūsų SVG turi galiojančią žymę su unikalia id atributai
  2. Rungtynių ID: Mazgo ID reikšmės turi atitikti SVG elementą id atributai tiksliai
  3. Švari struktūra: Naudokite nuoseklų dydį ir venkite sudėtingų transformacijų
  4. Neutralios spalvos: Naudokite neutralias SVG spalvas; leiskite vizualiai kontroliuoti spalvas
  5. "Edge-Ready" dizainas: Projektuokite kraštų kelius, kad jie gerai veiktų su proporcingu pločio mastelio keitimu
SVG turinys =
"
  <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’/>
"

Step 2: Download Visual and Insert License

📽️ In this video, you’ll learn how to download the Digital Twin visual from AppSource and activate your license.

  1. Download Visual: Download the Digital Twin visual from MS AppSource
  2. Pridėti vaizdinį: Įterpkite "Digital Twin" vaizdinę medžiagą į ataskaitą
  3. Insert License: Paste your license key into the License section under Format your visual

Step 3: Import Your Data

📽️ This video shows how to prepare your SVG layout and structure your data table.

  1. Prepare Data: Create a single data table combining nodes and edges (see above)
  2. Import Data: Import the SVG (e.g. as .txt) and data table (e.g. as csv.) into Power BI field

Step 4: Connect Data to the Visual

📽️ In this video, you’ll connect your data to the visual and enable navigation and interactivity with other visuals.

  1. Apply Basic Data: Drag SVG content, node ID, and edge ID fields in the respective Visualizations pane
  2. Add Enhanced Data: Add measures to legend and tooltip fields to enrich the visual
  3. Implement Cross-Filtering: Include NodeValue and EdgeValue measures to ensure filtering works across visuals
  4. Visual Navigation: Test the visual navigation features using zoom controls, mini-map or mouse-over

Step 5: Customize Your Nodes

📽️ This video covers how to apply conditional formatting to highlight node insights.

  1. Simple Node Coloring: Select your preferred color for each node in the Nodes section under Format your visual
  2. Or Apply Conditional-Formatting: Set up individual rules to color your nodes by clicking the formula icon

Step 6: Customize Your Edges

📽️ In this video, learn how to customize flows and connections clearly and dynamically.

  1. (De-)select Gradient: Toggle gradient on/off for edge coloring
  2. Customize Format: Adjust opacity, line width, or layer order
  3. Simple Edge Coloring: Select your preferred color for each edge in the Edges section under Format your visual
  4. Or Apply Conditional-Formatting: Set up individual rules to color your edges by clicking the formula icon

Step 7: Create Advanced Tooltip

📽️ This video explains how to display extra context via mouse-over, with either simple or advanced. tooltips

  1. Apply Basic Tooltip: Drag fields into the Tooltip section to apply a basic tooltip
  2. Or Create Advanced Tooltip: Create a custom tooltip page with charts, KPIs, and more
  3. Connect to Visual: Add nodeID or edgeID to the Tooltip field

Step 8: Develop Drillthrough Option

📽️ In this video, learn how to create deep-dive analysis pages for nodes or edges.

  1. Create Detail Page: Create a report page and design customized visuals for detailed insights
  2. Connect to Visual: Add nodeID or edgeID to the Drillthrough field
  3. Test Drillthrough: Right-click a node or edge → Drillthrough to view details

Step 9: Apply Advanced Conditional Formatting

📽️ In this video, you’ll learn how to apply rule-based formatting using combined measures for clearer, priority-based node and edge coloring.

  1. Create Combined Measure: Create a combined measure as a column to reflect multiple conditions (e.g., node status and type)
  2. Sąlyginis formatavimas: Set up conditional formatting rules based on the new combined measure
  3. Insert Legend: Insert the same field as a legend to improve clarity and filtering

🎯 Išplėstinių funkcijų naudojimo vadovas

🔍 Patobulinta navigacija ir priartinimas ✨

Sąveika su pele ir lietimu

  • Pelės ratukas: Slinkimas, norint priartinti ar atitolinti vaizdą su sklandžia animacija
  • Spustelėkite ir vilkite: Apskritimas su vizualiniu žymeklio grįžtamuoju ryšiu (griebimas ir (arba) patraukimas)
  • Navigacijos valdikliai: Naudokite ekrane esančius +, - ir pradžios mygtukus
  • Iš naujo nustatyti vaizdą: Spustelėkite mygtuką "Home", kad sklandžiai grįžtumėte į pradinį vaizdą
  • Navigacija minimaliu žemėlapiu: Spustelėkite minimapą, kad pereitumėte į skirtingas sritis
  • Viewport sekimas: Stebėti realaus laiko rodinio stačiakampį minimape

🎨 Interaktyvioji legendų sistema ✨

Legendos sąranka ir naudojimas

  1. Nustatymas: Vilkite bet kurį kategorinį lauką į "Legendos spalva (neprivaloma)"
  2. Spalvų skaitymas: Legenda automatiškai nuskaito faktines spalvas iš atvaizduotų mazgų
  3. Spustelėkite Filtruoti: Spustelėkite legendos elementus, kad paryškintumėte atitinkamus mazgus
  4. Vizualinis grįžtamasis ryšys: Pasirinktos kategorijos paryškintos, kitos užtamsintos
  5. Kryžminis vaizdas: Legendos paspaudimai sukelia filtravimą kituose vaizdiniuose
  6. Iš naujo nustatyti: Spustelėkite tą patį legendos elementą dar kartą, kad panaikintumėte paryškinimą
💡 Profesionalų patarimas: Puikiai tinka būsenos stebėjimui, kategorijų filtravimui ir iš pirmo žvilgsnio suprasti, ką reiškia mazgų spalvos.

📊 Proporcinis kraštų plotis ✨

Srautu pagrįstas vizualizavimas

  1. Duomenų atvaizdavimas: Srauto intensyvumo / pralaidumo atvaizdavimas į kraštinės vertės lauką
  2. Įjungti funkciją: Formato langas > Kraštai > Bendra > "Proporcingas plotis"
  3. Vizualinis mastelio keitimas: Kraštų storis automatiškai keičiamas pagal duomenų vertes
  4. kontekstinis mastelis: Kiekvieno mazgo normalizavimas rodo santykinę svarbą
  5. Siauro taško ID: Akimirksniu nustatyti didelio srauto jungtis
  6. Regėjimo nuotolis: Nuo 1px mažiausio iki 8px didžiausio storio
💡 Verslo vertė: Naudokite operacinėms prietaisų skydeliams, kad iš karto pastebėtumėte skaitmeninio dvynio kliūtis ir didelio pralaidumo jungtis.

💬 Patobulinta įrankių užuominų sistema ✨

Lanksti įrankių užuominų konfigūracija

  • Mazgų įrankių užrašai: Naudokite "Key: reikšmė\nKey2: reikšmė2" formatą mazgo įrankių užuominos lauke
  • Kelių linijų palaikymas: Naudokite \n eilučių pertraukoms įrankių užuominų turinyje
  • Kraštų įrankių užrašai: Vilkite kelis laukus į "Edge Tooltip (neprivaloma)"
  • Išmanusis atsarginis variantas: Automatinė pagrindinė informacija, kai nenurodyti pasirinktiniai laukai
  • Lauko etiketės: Laukų pavadinimai automatiškai tampa įrankių užrašų etiketėmis
  • Turtingas turinys: Veiklos konteksto ir verslo rodiklių palaikymas

🔄 Išplėstinis kryžminis filtravimas

Trijų krypčių filtravimo sistema

  1. Lentelė ↔ Vizualiai: Spustelėkite lentelės eilutes, kad paryškintumėte mazgus ir briaunas
  2. Legenda ↔ Vizualiai: Spustelėkite legendos elementus, kad paryškintumėte kategorijas
  3. Vaizdinė ↔ Kita vaizdinė medžiaga: Spustelėkite mazgus / briaunas, kad filtruotumėte diagramas / lenteles
  4. Daugkartinis pasirinkimas: Laikykite nuspaudę klavišą Ctrl ir spustelėkite kelis elementus
  5. Išvalyti pasirinkimą: Spustelėkite tuščią vietą, kad iš naujo nustatytumėte visus pasirinkimus
  6. Vizualinis grįžtamasis ryšys: Paryškinti elementai visiškai nepermatomi, kiti - prislopinti

⚡ Išplėstiniai kraštų valdikliai

Organizuotas formato langas

📁 Kraštų skyrius:
  • 🎨 Kraštų spalvos (pogrupis): Individualios kraštų spalvos ir gradiento valdikliai
  • ⚙️ Bendrasis (pogrupis): Nepermatomumas, atvaizdavimo tvarka ir proporcingas plotis
Galimi valdikliai:
  1. Įjungti kraštų gradientą: Sklandus spalvų perėjimas tarp mazgų
  2. Proporcingas plotis: Srautu pagrįstas storio mastelis
  3. Kraštų neskaidrumas: Skaidrumo valdymas (0-100%)
  4. Rodyti kraštus pirmame plane: Sluoksniavimo valdymas

🎯 Gręžimo per gręžimą nustatymas

  1. Sukurkite puslapius su gręžimo funkcija: Nustatykite specialius išsamius puslapius
  2. Pridėti filtro laukus: Įtraukti NodeId/EdgeId į gręžimo filtrus
  3. Bandomoji navigacija: Dešiniuoju pelės klavišu spustelėkite mazgus / briaunas, kad pamatytumėte gręžimo parinktis
  4. Tuščia erdvė Meniu: Dešiniuoju pelės klavišu spustelėkite tuščias sritis standartiniam "Power BI" meniu
  5. Patikrinkite kontekstą: Užtikrinkite, kad filtruotas kontekstas būtų perduotas teisingai

🔧 Išsamus trikčių šalinimo vadovas

❌ Patobulintos navigacijos problemos ✨

  • Patikrinkite Formato skydelis > Navigacijos nustatymai, ar yra priartinimo valdikliai ir minimapo matomumas
  • Patikrinkite, ar navigacijos valdikliams ir minimaliam žemėlapiui užtenka regimosios erdvės.
  • Bandomas žymeklio grįžtamasis ryšys atliekant poslinkio operacijas (turėtų būti rodomas užgriebimas/užspaudimas)
  • Užtikrinkite, kad minimalaus žemėlapio rodinio stačiakampis būtų teisingai atnaujinamas priartinimo/atstūmimo metu
  • Bandymas su skirtingų dydžių ekranais, siekiant nustatyti reaguojančią elgseną

❌ Interaktyvios legendos problemos ✨

  • Patikrinkite, ar kategorinis laukas yra perkeltas į "Legendos spalva (neprivaloma)"
  • Patikrinkite, ar mazgai turi tikras spalvas (ne visi pagal nutylėjimą pilkos spalvos)
  • Užtikrinkite, kad kategoriniuose duomenyse būtų prasmingos ir švarios reikšmės.
  • Legendos paspaudimo funkcionalumo bandymas, siekiant išryškinti elgesį
  • Patikrinkite, ar legendos vieta neužstoja pagrindinio vaizdinio turinio.

❌ Proporcingo krašto pločio problemos ✨

  • Įjunkite perjungiklį "Proporcingas plotis" lange Formatas > Briaunos > Bendra
  • Užtikrinkite, kad krašto vertės lauke būtų skaitmeniniai srauto duomenys
  • Patikrinkite, ar tinkamai atvaizduoti EdgeId, SourceId, TargetId
  • Patikrinkite, ar krašto duomenys reikšmingai skiriasi.
  • Patikrinkite, ar storio mastelis vizualiai tinkamas

❌ Patobulintos įrankių užuominų problemos ✨

  • Naudokite "Key: reikšmė\nKey2: reikšmė2" formatą mazgo įrankių užuominos laukui
  • Jei norite gauti kraštų įrankių užuominą, vilkite laukus į skyrių "Kraštų įrankių užuomina (neprivaloma)".
  • Išbandyti išmanųjį grįžtamąjį ryšį, kai nenurodyti jokie kraštinių įrankių užuominų laukai
  • Patikrinkite, ar laukų pavadinimai rodomi kaip etiketės įrankių užuominose
  • Užtikrinkite, kad kelių eilučių turinys būtų rodomas su tinkamais eilučių pertrūkiais

❌ Kryžminis filtravimas neveikia

  • Pridėti mazgo vertės ir (arba) krašto vertės matavimo laukus
  • Užtikrinkite, kad priemonės vertės būtų užpildytos (ne NULL / tuščios)
  • Išbandykite abi kryptis: lentelė → vaizdas ir vaizdas → lentelė
  • Savarankiškai išbandykite legendomis pagrįstą filtravimą
  • Patikrinkite, ar pasirinkimo metu atsiranda paryškinimai (neskaidrumo pokyčiai)
  • Pirmiausia išbandykite paprastą vienos atrankos testą

❌ Vizualiai nerodoma

  • Patikrinkite, ar "SVG Content measure" grąžina galiojančią SVG žymę
  • Patikrinkite, ar NodeId laukas yra atvaizduotas ir jame yra duomenų
  • Užtikrinkite, kad SVG elemento ID tiksliai atitiktų NodeId reikšmes
  • SVG sintaksės tikrinimas naudojant internetinį SVG validatorių

❌ Mazgai nėra interaktyvūs

  • Patvirtinkite, kad duomenų vaidmuo NodeId yra užpildytas
  • Patikrinkite, ar SVG elementai turi atitinkamus atributus id
  • Patikrinkite, ar elementų neslepia kiti SVG elementai
  • Išbandykite "hover" efektus, kad patvirtintumėte elemento aptikimą

❌ Nerodomi kraštai

  • Atvaizduokite EdgeId, SourceId ir TargetId duomenų vaidmenis
  • Užtikrinkite, kad SourceId/TargetId reikšmės atitiktų esamas NodeId reikšmes
  • Patikrinkite kraštų neskaidrumo nustatymą (gali būti nustatytas per mažas)
  • Patikrinkite kraštų atvaizdavimo tvarką (pirmas planas ir fonas)
  • Pirmiausia išbandykite didelio kontrasto kraštų spalvas

🎉 Išplėstinė geroji praktika

Patobulintas duomenų modeliavimas ✨

  • Pasirinkite prasmingus kategorinius laukus interaktyviai legendai
  • Struktūros įrankių užrašai naudojant "Key: Vertė" formatą
  • Naudokite srauto rodiklius proporcingam krašto pločiui
  • Užtikrinkite tinkamą NULL tvarkymą UNION struktūroje
  • Testavimas naudojant realius duomenų kiekius

Veikimas ir navigacija ✨

  • Naudokite minimapą didelėms diagramoms naršyti
  • SVG sudėtingumo optimizavimas sklandžiam priartinimui ir (arba) paslinkimui
  • Proporcinio pločio testavimas naudojant realius srauto duomenis
  • Stebėkite atminties naudojimą naudodami patobulintas funkcijas
  • Strategiškai naudokite priemonių laukus kryžminiam filtravimui

Naudotojo patirtis ✨

  • Naudokite legendos paspaudimus filtravimui pagal kategorijas
  • Lentelės filtravimo derinimas su legendos filtravimu
  • Sukurkite prasmingą įrankių užuominų turinį
  • Standartizuoti priartinimo lygius ir navigacijos modelius
  • Išbandykite visas sąveikos darbo eigas nuo pradžios iki galo

Išplėstinė integracija ✨

  • Naudokite proporcingą plotį veiklos stebėjimui
  • Legendų filtravimo derinimas su laiko eilučių analize
  • Sujunkite srauto duomenis su prognozavimo analize
  • Sukurkite išsamias daugiarūšes prietaisų lenteles
  • Integruokite su geografiniais vaizdais naudodami bendrą filtravimą
🚀 Pasiruošę pradėti? Ši išsami vaizdinė priemonė paverčia statines diagramas interaktyviomis skaitmeninėmis dvynių prietaisų skydeliais su profesionalia navigacija, pažangiu srauto vizualizavimu, kategorijomis pagrįstu filtravimu ir turtinga kontekstine informacija!

© LeapLytics GmbH 2025 | 1.0.0.5 versija |
"Digital Twin Visual for Power BI