Pierwsze kroki - Digital Twin Visual

Witamy! Ten kompleksowy przewodnik pomoże szybko rozpocząć pracę z wizualizacją Digital Twin dla Power BI, obejmującą zaawansowaną nawigację, interaktywną legendę, proporcjonalną szerokość krawędzi, ulepszone podpowiedzi, filtrowanie krzyżowe i możliwości drążenia.

Kompleksowy przegląd funkcji

Ulepszona nawigacja ✨

Płynne powiększanie i przesuwanie z płynnymi animacjami
Profesjonalna nawigacja ekranowa
Minimapa w czasie rzeczywistym ze wskaźnikiem rzutni
Inteligentne sprzężenie zwrotne kursora (chwytanie/chwytanie)
Precyzja zbliżona do CAD dla dużych diagramów

Interaktywny system legend 🎨

Dynamiczna legenda na podstawie rzeczywistych kolorów węzłów
Kliknij elementy legendy, aby podświetlić węzły
Działa z dowolnym polem kategorycznym
Integracja filtrowania krzyżowego
Wyświetlanie liczby węzłów według kategorii

📊 Proporcjonalna szerokość krawędzi ✨

Grubość krawędzi skaluje się wraz z intensywnością przepływu
Algorytm normalizacji na węzeł
Natychmiastowa identyfikacja wąskich gardeł
Włączanie/wyłączanie za pomocą panelu formatu
Kontekstowa wizualizacja przepływu

💬 Ulepszone podpowiedzi ✨

Elastyczne podpowiedzi węzłów "Klucz: Wartość" podpowiedzi węzła
Inteligentny system awaryjny podpowiedzi krawędzi
Obsługa wielu pól z nazwami pól
Automatyczne generowanie etykiet
Konstrukcja kompatybilna wstecz

Zaawansowane filtrowanie krzyżowe

Dwukierunkowe filtrowanie za pomocą tabel
Indywidualne podświetlanie węzłów/krawędzi
Filtrowanie kategorii oparte na legendzie
Obsługa wielokrotnego wyboru
Ulepszony model danych z miarami

Integracja z Power BI

Menu kontekstowe zgodne z AppSource
Bogate możliwości drążenia
Zorganizowane elementy sterujące panelu formatu
Ulepszona kontrola krawędzi z podgrupami
Profesjonalne zarządzanie selekcją

Rozszerzona konfiguracja danych i wymagania

⚠️ Ważne: Wszystkie dane muszą znajdować się w jednej tabeli przy użyciu struktury UNION z odpowiednią obsługą NULL w celu uzyskania optymalnej wydajności.

Ulepszona struktura modelu danych

- Ulepszona struktura danych ze wszystkimi nowymi funkcjami ✨

SELECT 

    NodeId, 

    'Status: Uruchomiony\nTyp: Machine\nTemperature: 85°C\nEfficiency: 92%" jako NodeTooltip,

    'Running' jako LegendColor, - Dla interaktywnej legendy ✨

    NULL jako EdgeId, NULL jako SourceId, NULL jako TargetId, NULL jako EdgeTooltip,

    Wydajność jako NodeValue, - Do filtrowania krzyżowego

    NULL jako EdgeValue

FROM NodesTable

UNIA WSZYSTKO

SELECT 

    NULL jako NodeId, NULL jako NodeTooltip, NULL jako LegendColor,

    EdgeId, SourceId, TargetId,

    'Typ: MaterialFlow\nIntensity: High\nPressure: 2.5 bar" jako EdgeTooltip, - Inteligentne etykiety narzędzi ✨

    NULL jako NodeValue,

    FlowIntensity as EdgeValue - filtrowanie krzyżowe + proporcjonalna szerokość ✨

FROM EdgesTable

Odniesienie do rozszerzonych ról danych

Pole	Typ	Status	Opis	Przykład
Zawartość SVG	Pomiar	Wymagane	Znaczniki SVG zawierające schemat cyfrowego bliźniaka	....
NodeId	Kategoria	Wymagane	Unikalny identyfikator dla każdego węzła	M1001, B1201, T1101
Podpowiedź węzła	Kategoria	✨ Ulepszony	"Klucz: Wartość" wielowierszowy format podpowiedzi	Status: Uruchomiony\nTyp: Maszyna\nWydajność: 92%
Kolor legendy (opcjonalnie)	Kategoria	Nowość!	Pole kategoryczne do interaktywnego generowania legendy	Uruchamianie, konserwacja, offline
Wartość węzła	Pomiar	Ulepszony	Wskaźniki biznesowe dla węzłów filtrowania krzyżowego	85.4, 92.1, 79.8
EdgeId	Kategoria	Opcjonalnie	Unikalny identyfikator dla każdej krawędzi	E1001, E1002
SourceId	Kategoria	Opcjonalnie	Węzeł źródłowy dla krawędzi	M1001
TargetId	Kategoria	Opcjonalnie	Węzeł docelowy dla krawędzi	M1002
Podpowiedź krawędzi (opcjonalnie)	Kategoria	Nowość!	Podpowiedź dla wielu pól z inteligentnym systemem awaryjnym	Obsługa wielu pól
Wartość krawędzi	Pomiar	Ulepszony	Intensywność przepływu dla filtrowania krzyżowego + proporcjonalna szerokość	85.0, 150.5, 89.1

⚙️ Kompleksowy przewodnik konfiguracji

Krok 1: Przygotowanie zawartości SVG

Tworzenie miary SVG: Upewnij się, że SVG zawiera prawidłowe znaczniki z unikalnym id atrybuty
Identyfikatory meczów: Wartości NodeId muszą pasować do elementu SVG id atrybuty dokładnie
Czysta struktura: Używaj spójnych rozmiarów i unikaj złożonych transformacji
Neutralne kolory: Używaj neutralnych kolorów SVG; pozwól wizualnej kontroli nad kolorystyką
Konstrukcja przystosowana do krawędzi: Zaprojektuj ścieżki krawędzi tak, aby działały dobrze z proporcjonalnym skalowaniem szerokości.

Zawartość 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’/>

"

Krok 2: Pobierz Visual i wstaw licencję

📽️ W tym filmie dowiesz się, jak pobrać wizualizację Digital Twin z AppSource i aktywować licencję.

Pobierz Visual: Pobierz wizualizację Digital Twin z MS AppSource
Dodaj wizualizację: Wstaw wizualizację Digital Twin do raportu
Wstaw licencję: Wklej klucz licencyjny w polu Licencja sekcja pod Formatowanie obrazu

Krok 3: Import danych

📽️ Ten film pokazuje, jak przygotować układ SVG i strukturę tabeli danych.

Przygotowanie danych: Utwórz pojedynczą tabelę danych łączącą węzły i krawędzie (patrz wyżej).
Importuj dane: Zaimportuj plik SVG (np. jako .txt) i tabelę danych (np. jako csv) do pola Power BI.

Krok 4: Połączenie danych z wizualizacją

📽️ W tym filmie połączysz dane z wizualizacją i włączysz nawigację oraz interaktywność z innymi wizualizacjami.

Zastosuj podstawowe dane: Przeciągnij pola zawartości SVG, identyfikatora węzła i identyfikatora krawędzi do odpowiedniego panelu wizualizacji
Dodaj rozszerzone dane: Dodawanie miar do legendy i pól podpowiedzi w celu wzbogacenia wizualizacji
Wdrożenie filtrowania krzyżowego: Uwzględnij miary NodeValue i EdgeValue, aby upewnić się, że filtrowanie działa na różnych wizualizacjach.
Nawigacja wizualna: Przetestuj funkcje nawigacji wizualnej za pomocą elementów sterujących powiększeniem, mini-mapy lub najechania myszą.

Krok 5: Dostosowanie węzłów

📽️ W tym filmie opisano, jak zastosować formatowanie warunkowe, aby wyróżnić spostrzeżenia dotyczące węzłów.

Proste kolorowanie węzłów: Wybierz preferowany kolor dla każdego węzła w sekcji Węzły sekcja pod Formatowanie obrazu
Lub Zastosuj formatowanie warunkowe: Skonfiguruj indywidualne reguły kolorowania węzłów, klikając ikonę formuły

Krok 6: Dostosuj krawędzie

📽️ Z tego filmu dowiesz się, jak w przejrzysty i dynamiczny sposób dostosowywać przepływy i połączenia.

(De-)select Gradient: Włączanie/wyłączanie gradientu dla kolorowania krawędzi
Dostosuj format: Dostosuj krycie, szerokość linii lub kolejność warstw
Proste kolorowanie krawędzi: Wybierz preferowany kolor dla każdej krawędzi w Krawędzie sekcja pod Formatowanie obrazu
Lub Zastosuj formatowanie warunkowe: Skonfiguruj indywidualne reguły kolorowania krawędzi, klikając ikonę formuły

Krok 7: Utwórz zaawansowany podpowiedź

📽️ Ten film wyjaśnia, jak wyświetlić dodatkowy kontekst po najechaniu myszą, za pomocą prostych lub zaawansowanych podpowiedzi.

Zastosuj podpowiedź podstawową: Przeciągnij pola do sekcji podpowiedzi, aby zastosować podstawową podpowiedź
Lub Utwórz zaawansowany podpowiedź: Utwórz niestandardową stronę podpowiedzi z wykresami, wskaźnikami KPI i nie tylko.
Connect to Visual: Dodaj nodeID lub edgeID do pola Tooltip

Krok 8: Opracowanie opcji drążenia

📽️ Z tego filmu dowiesz się, jak tworzyć strony analizy dogłębnej dla węzłów lub krawędzi.

Utwórz stronę szczegółów: Utwórz stronę raportu i zaprojektuj niestandardowe wizualizacje, aby uzyskać szczegółowe informacje
Connect to Visual: Dodaj nodeID lub edgeID do pola Drillthrough
Wiercenie testowe: Kliknij prawym przyciskiem myszy węzeł lub krawędź → Drillthrough, aby wyświetlić szczegóły

Krok 9: Zastosowanie zaawansowanego formatowania warunkowego

📽️ W tym filmie dowiesz się, jak zastosować formatowanie oparte na regułach przy użyciu połączonych miar w celu uzyskania wyraźniejszego, opartego na priorytetach kolorowania węzłów i krawędzi.

Utwórz połączony pomiar: Utwórz połączoną miarę jako kolumnę, aby odzwierciedlić wiele warunków (np. stan i typ węzła).
Formatowanie warunkowe: Skonfiguruj reguły formatowania warunkowego na podstawie nowej połączonej miary
Wstaw Legendę: Wstaw to samo pole jako legendę, aby poprawić przejrzystość i filtrowanie.

Przewodnik korzystania z funkcji zaawansowanych

Ulepszona nawigacja i powiększanie ✨

Interakcje myszy i dotyku

Kółko myszy: Przewijanie w celu powiększania/pomniejszania z płynnymi animacjami
Kliknij i przeciągnij: Przesuwanie z wizualnym sprzężeniem zwrotnym kursora (chwytanie)
Elementy sterujące nawigacji: Korzystanie z ekranowych przycisków +, - i ekranu głównego
Widok resetowania: Kliknij przycisk Home, aby płynnie powrócić do pierwotnego widoku.
Nawigacja z minimapą: Kliknij minimapę, aby przejść do różnych obszarów
Śledzenie rzutni: Wyświetlanie prostokąta rzutni w czasie rzeczywistym na minimapie

Interaktywny system legend 🎨

Konfiguracja i korzystanie z legendy

Konfiguracja: Przeciągnij dowolne pole kategoryczne do "Kolor legendy (opcjonalnie)".
Czytanie w kolorze: Legenda automatycznie odczytuje rzeczywiste kolory z renderowanych węzłów
Kliknij, aby filtrować: Kliknij elementy legendy, aby podświetlić odpowiednie węzły
Wizualne sprzężenie zwrotne: Wybrane kategorie podświetlone, inne przyciemnione
Cross-Visual: Kliknięcia legendy uruchamiają filtrowanie w innych elementach wizualnych
Reset: Kliknij ponownie ten sam element legendy, aby wyczyścić podświetlenie

Pro Tip: Idealny do monitorowania stanu, filtrowania kategorii i zrozumienia, co reprezentują kolory węzłów na pierwszy rzut oka.

📊 Proporcjonalna szerokość krawędzi ✨

Wizualizacja oparta na przepływie

Mapowanie danych: Mapowanie intensywności przepływu/przepustowości do pola Edge Value
Włącz funkcję: Okienko Format > Krawędzie > Ogólne > "Szerokość proporcjonalna"
Skalowanie wizualne: Grubość krawędzi automatycznie skaluje się wraz z wartościami danych
Skalowanie kontekstowe: Normalizacja na węzeł pokazuje względne znaczenie
Identyfikator wąskiego gardła: Natychmiastowa identyfikacja połączeń o wysokim przepływie
Zasięg widzenia: Minimalna grubość 1px do maksymalnej grubości 8px

Wartość biznesowa: Użyj go do pulpitów operacyjnych, aby natychmiast wykryć wąskie gardła i połączenia o wysokiej przepustowości w cyfrowym bliźniaku.

💬 Ulepszony system podpowiedzi ✨

Elastyczna konfiguracja podpowiedzi

Podpowiedzi węzłów: Użyj formatu "Key: Wartość\nKlucz2: Wartość2" w polu podpowiedzi węzła.
Obsługa wielu linii: Używanie \n do łamania linii w treści podpowiedzi
Podpowiedzi krawędzi: Przeciągnij wiele pól do "Podpowiedzi krawędzi (opcjonalnie)"
Smart Fallback: Automatyczne informacje podstawowe, gdy nie określono pól niestandardowych
Etykiety terenowe: Nazwy pól automatycznie stają się etykietami podpowiedzi
Bogata zawartość: Wsparcie dla kontekstu operacyjnego i wskaźników biznesowych

Zaawansowane filtrowanie krzyżowe

Trójdrożny system filtrowania

Tabela ↔ Wizualizacja: Kliknij wiersze tabeli, aby podświetlić węzły/krawędzie
Legend ↔ Visual: Kliknij elementy legendy, aby wyróżnić kategorie
Wizualne ↔ Inne wizualne: Kliknij węzły/krawędzie, aby filtrować wykresy/tabele
Wielokrotny wybór: Przytrzymaj klawisz Ctrl i kliknij wiele elementów
Wyczyść wybór: Kliknij puste miejsce, aby zresetować wszystkie wybory
Wizualne sprzężenie zwrotne: Podświetlone elementy pełne krycie, inne przyciemnione

Zaawansowana kontrola krawędzi

Okienko formatu zorganizowanego

📁 Sekcja krawędzi:

🎨 Kolory krawędzi (podgrupa): Indywidualne kolory krawędzi i kontrola gradientu
⚙️ Ogólne (podgrupa): Krycie, kolejność renderowania i proporcjonalna szerokość

Dostępne elementy sterujące:

Włącz gradient krawędzi: Płynne przejścia kolorów między węzłami
Proporcjonalna szerokość: Skalowanie grubości oparte na przepływie
Krycie krawędzi: Kontrola przezroczystości (0-100%)
Pokaż krawędzie na pierwszym planie: Kontrola warstw

🎯 Konfiguracja wiercenia przelotowego

Tworzenie stron z drążeniem: Konfiguracja dedykowanych stron szczegółowych
Dodaj pola filtrów: Uwzględnianie NodeId/EdgeId w filtrach drążących
Nawigacja testowa: Kliknij prawym przyciskiem myszy węzły/krawędzie, aby wyświetlić opcje drążenia
Menu pustej przestrzeni: Kliknięcie prawym przyciskiem myszy pustych obszarów dla standardowego menu Power BI
Weryfikuj kontekst: Upewnij się, że filtrowany kontekst jest przekazywany poprawnie

🔧 Kompleksowy przewodnik rozwiązywania problemów

Ulepszona nawigacja ❌ Problemy z nawigacją ✨

Sprawdź Panel formatu > Ustawienia nawigacji dla elementów sterujących zoomem i widoczności minimapy.
Zweryfikuj wystarczającą przestrzeń wizualną dla elementów sterujących nawigacją i minimapy.
Przetestuj sprzężenie zwrotne kursora podczas operacji przesuwania (powinno pokazywać chwytanie/chwytanie).
Zapewnienie poprawnej aktualizacji prostokąta minimapy podczas powiększania/przesuwania.
Testowanie responsywności na ekranach o różnych rozmiarach

Interaktywne problemy z legendą ❌

Sprawdź, czy pole kategoryczne zostało przeciągnięte do "Kolor legendy (opcjonalnie)".
Sprawdź, czy węzły mają rzeczywiste kolory (nie wszystkie domyślnie szare).
Upewnij się, że dane kategorialne zawierają znaczące, czyste wartości.
Przetestuj funkcję kliknięcia legendy pod kątem działania podświetlenia
Sprawdź, czy pozycjonowanie legendy nie zasłania głównej zawartości wizualnej.

Problemy z proporcjonalną szerokością krawędzi ❌

Włącz przełącznik "Szerokość proporcjonalna" w panelu Format > Krawędzie > Ogólne.
Upewnij się, że pole Edge Value zawiera numeryczne dane przepływu.
Sprawdź, czy EdgeId, SourceId, TargetId są prawidłowo zmapowane.
Sprawdź, czy dane dotyczące krawędzi mają znaczące różnice w wartościach.
Sprawdź, czy skalowanie grubości jest odpowiednie wizualnie

❌ Ulepszone problemy z podpowiedziami ✨

Użyj formatu "Key: Wartość\nKlucz2: Wartość2" dla pola podpowiedzi węzła
W przypadku podpowiedzi krawędziowej przeciągnij pola do sekcji "Podpowiedź krawędziowa (opcjonalnie)".
Test inteligentnego powrotu, gdy nie określono pól podpowiedzi krawędzi
Sprawdź, czy nazwy pól są wyświetlane jako etykiety w podpowiedziach.
Zapewnienie wyświetlania zawartości wielowierszowej z odpowiednimi podziałami wierszy.

Filtrowanie krzyżowe nie działa

Dodaj pola pomiaru Node Value i/lub Edge Value
Upewnij się, że wartości miar są wypełnione (nie NULL/puste).
Przetestuj oba kierunki: tabela → wizualny i wizualny → tabela
Niezależne testowanie filtrowania opartego na legendzie
Sprawdź, czy zaznaczenie wyzwala podświetlenie (zmiany krycia).
Najpierw przetestuj z prostym pojedynczym wyborem

Wizualizacja nie jest wyświetlana

Sprawdź, czy miara zawartości SVG zwraca prawidłowe znaczniki SVG
Sprawdź, czy pole NodeId jest zmapowane i zawiera dane.
Upewnij się, że identyfikatory elementów SVG dokładnie odpowiadają wartościom NodeId
Sprawdzanie poprawności składni SVG za pomocą walidatora SVG online

❌ Węzły nie są interaktywne

Potwierdzenie wypełnienia roli danych NodeId
Sprawdź, czy elementy SVG mają pasujące atrybuty id
Sprawdź, czy elementy nie są ukryte przez inne elementy SVG
Przetestuj efekty najechania kursorem, aby potwierdzić wykrywanie elementów

Niewidoczne krawędzie

Mapowanie ról danych EdgeId, SourceId i TargetId
Upewnij się, że wartości SourceId/TargetId są zgodne z istniejącymi wartościami NodeId.
Sprawdź ustawienie krycia krawędzi (może być zbyt niskie).
Weryfikacja kolejności renderowania krawędzi (pierwszy plan vs tło)
Najpierw przetestuj kolory krawędzi o wysokim kontraście

Zaawansowane najlepsze praktyki

Ulepszone modelowanie danych ✨

Wybierz znaczące pola kategorialne dla interaktywnej legendy
Struktura podpowiedzi przy użyciu formatu "Klucz: Wartość"
Użyj wskaźników przepływu dla proporcjonalnej szerokości krawędzi
Zapewnienie prawidłowej obsługi wartości NULL w strukturze UNION
Testowanie przy użyciu realistycznych ilości danych

Wydajność i nawigacja ✨

Wykorzystanie minimapy do nawigacji po dużych diagramach
Optymalizacja złożoności SVG dla płynnego powiększania/przesuwania
Test szerokości proporcjonalnej z realistycznymi danymi przepływu
Monitorowanie wykorzystania pamięci dzięki ulepszonym funkcjom
Strategiczne wykorzystanie pól miar do filtrowania krzyżowego

Doświadczenie użytkownika ✨

Użyj kliknięć legendy do filtrowania opartego na kategoriach
Połączenie filtrowania tabeli z filtrowaniem legendy
Zaprojektuj sensowną zawartość podpowiedzi
Standaryzacja poziomów powiększenia i wzorców nawigacji
Testowanie wszystkich przepływów pracy interakcji od początku do końca

Zaawansowana integracja ✨

Wykorzystanie proporcjonalnej szerokości do monitorowania operacyjnego
Połączenie filtrowania legend z analizą szeregów czasowych
Połącz dane o przepływie z analizą predykcyjną
Tworzenie kompleksowych, multimodalnych pulpitów nawigacyjnych
Integracja z wizualizacjami geograficznymi przy użyciu filtrowania współdzielonego

Gotowy do rozpoczęcia? Ta wszechstronna wizualizacja przekształca statyczne diagramy w interaktywne cyfrowe bliźniacze pulpity nawigacyjne z profesjonalną nawigacją, inteligentną wizualizacją przepływu, filtrowaniem opartym na kategoriach i bogatymi informacjami kontekstowymi!