Wizualizacja deklaratywna Deneb LuckyTemplates

W tym samouczku postaramy się zrozumieć podstawy wizualizacji deklaratywnej Deneb LuckyTemplates, omawiając 3 główne sekcje interfejsu Deneb. Są to okienko edytora wizualnego , obszar podglądu i okienko właściwości .

Deneb to narzędzie, za pomocą którego możesz tworzyć wizualizacje z wykorzystaniem deklaratywnych kodów JSON w LuckyTemplates.  

Deneb ma podobne sposoby tworzenia wizualizacji w LuckyTemplates przy użyciu i . Dzięki temu samouczkowi będziesz mógł zapoznać się z używaniem Deneb do tworzenia wizualizacji w usłudze LuckyTemplates .

Spis treści

• 3 główne sekcje interfejsu Deneb w usłudze LuckyTemplates
• Przydatne funkcje w panelu edytora wizualnego Deneb
• Modyfikowanie ustawień mapowania pól
• Obszar podglądu Deneb i jego funkcje powiększania
• Korzystanie z panelu właściwości w Deneb LuckyTemplates
• Wniosek

3 główne sekcje interfejsu Deneb w usłudze LuckyTemplates

W tym przykładzie użyjemy wykresu słupkowego Country versus Total Sales , aby zademonstrować główne sekcje interfejsu Deneb.

Abyśmy mogli zobaczyć 3 główne sekcje interfejsu Deneb, musimy kliknąć ikonę elipsy w prawym górnym rogu wykresu słupkowego.

Następnie kliknij opcję Edytuj .

Po kliknięciu opcji Edytuj powinniśmy zobaczyć okienko Edytora wizualnego i obszar podglądu .

Abyśmy mogli zobaczyć panel właściwości , musimy rozwinąć „ Wizualizacje ” po prawej stronie obszaru podglądu, klikając go. 

W obszarze Wizualizacje kliknij opcję Formatuj wizualizację .

Następnie kliknij prawym przyciskiem myszy Edytor .

Na koniec wybierz opcję Rozwiń wszystkie kategorie .

Po wykonaniu tych kroków powinniśmy zobaczyć panel właściwości .

Ogólnie rzecz biorąc, tak powinien wyglądać twój interfejs po wywołaniu panelu właściwości.

Przydatne funkcje w panelu edytora wizualnego Deneb

W okienku Edytora wizualnego zobaczymy zestaw ikon — odtwarzanie, automatyczne stosowanie, formatowanie, mapowanie, nowy, szablon i pomoc .

Ikona odtwarzania służy do zastosowania zmian , które wprowadziliśmy w naszym kodzie JSON. Czasami ta ikona jest wyszarzona, chyba że wprowadzisz zmiany w swoim kodzie. Na przykład usunę przecinek w naszym kodzie JSON.

Zauważ na poniższym zrzucie ekranu, że ikona „play” jest teraz aktywna po usunięciu przecinka w kodzie.

Ikona automatycznego stosowania służy do automatycznego stosowania zmian podczas wprowadzania kodów JSON. Możesz włączać i wyłączać tę opcję w zależności od preferencji.

Tak wygląda ikona automatycznego stosowania po włączeniu. W obszarze podglądu zobaczysz, że zmiana wartości podpowiedzi z true na false powoduje pojawienie się błędu, ponieważ zmiana nie została jeszcze sfinalizowana.

Z drugiej strony ikona Napraw i sformatuj JSON służy do naprawy kodu JSON w odpowiednim formacie . Naprawi kod, gdy brakuje przecinków, nawiasów ostrych, dwukropków i innych.

Aby zademonstrować, jak to działa, dodam trochę miejsca w kodzie i kliknę ikonę Napraw i sformatuj JSON .

Po kliknięciu ikony Napraw i sformatuj JSON powinien on poprawić i usunąć dodatkowe spacje, które dodałem w kodzie.

Ikona Edytuj mapowanie pól specyfikacji służy do wprowadzania zmian w mapowaniu pól usługi LuckyTemplates.

Użycie ikony Nowa specyfikacja spowoduje zastąpienie bieżącej specyfikacji i konfiguracji, nad którymi pracujesz. Służy to jedynie tworzeniu nowej specyfikacji.

Ikona Generuj szablon JSON jest zwykle używana do tworzenia szablonu JSON do eksportowania lub zapisywania pracy albo do ponownego użycia. 

Na koniec możesz użyć ikony Pomoc , aby otworzyć dokumentację dotyczącą Deneb LuckyTemplates.

Kliknięcie tej ikony spowoduje wyświetlenie okna dialogowego z poleceniem otwarcia dokumentacji w nowej przeglądarce. Po prostu kliknij OK , gdy to zobaczysz.

Następnie zostaniesz przeniesiony na stronę Deneb, aby uzyskać potrzebną dokumentację.

Modyfikowanie ustawień mapowania pól

Zmodyfikujmy teraz ustawienia mapowania pól w usłudze LuckyTemplates. Najpierw zduplikujmy stronę główną. Aby to zrobić, kliknij prawym przyciskiem myszy kartę Strona główna w lewym dolnym rogu. Następnie wybierz Duplikuj stronę .

W rezultacie otrzymasz kopię strony głównej .

Następnie zmieńmy dostępne pola dla naszej wizualizacji. Kliknij wykres słupkowy i powinieneś zobaczyć wartości w panelu właściwości.

W okienku Właściwości odznacz pole Kraj w obszarze Wartości , klikając ikonę X.

Rozwińmy okienko Pola , kliknij listę rozwijaną Kanały , a następnie kliknij i przeciągnij pole Kanał do Wartości.

Następnie kliknij ikonę elipsy w lewym górnym rogu wykresu słupkowego i wybierz opcję Edytuj .

Ponieważ wprowadziliśmy zmiany w polach, wymagane jest mapowanie, abyśmy mogli zaktualizować pola, które musimy zmapować w wizualizacji. W takim przypadku musimy przypisać pole Kanał , aby zastąpić pole Kraj . Kliknij Zastosuj mapowanie po zakończeniu przypisywania nowego pola.

Po zastosowaniu mapowania kliknij przycisk Wróć do raportu , aby uzyskać pełny podgląd zmian, które wprowadziliśmy w wizualizacji.

Wykonanie procesu aktualizacji pól dla Twojej wizualizacji pozwoli Ci zaoszczędzić czas zamiast ręcznej zmiany w kodzie JSON.

Obszar podglądu Deneb i jego funkcje powiększania

Obszar podglądu to miejsce, w którym możemy zobaczyć wizualizację podczas edytowania kodu JSON. Poziom powiększenia obszaru podglądu można dostosować, korzystając z funkcji powiększenia w prawej dolnej części tego panelu.

Aby zobaczyć funkcje powiększenia, musisz przejść do trybu edycji wykresu słupkowego w obszarze podglądu.

Funkcje powiększenia powinny być widoczne po wybraniu opcji Edytuj.

Symbole minus (-) i plus (+) zmniejszają lub zwiększają poziom powiększenia o 10% .

Użyj suwaka powiększenia , jeśli chcesz stopniowo zwiększać lub zmniejszać poziom powiększenia obszaru podglądu. 

Okrągła strzałka służy do ustawienia poziomu powiększenia na 100%.

Ikona obok okrągłej strzałki służy do dopasowania podglądu wizualizacji do dostępnej przestrzeni w Obszarze podglądu.

Na koniec liczba z symbolem procentu ( % ) informuje o bieżącym poziomie powiększenia, którego używasz.

Korzystanie z panelu właściwości w Deneb LuckyTemplates

Przeszliśmy teraz do ostatniej sekcji interfejsu Deneb LuckyTemplates, czyli panelu właściwości. W okienku właściwości można ustawić rozmiar czcionki edytora kodu, włączyć lub wyłączyć funkcje, takie jak zawijanie wyrazów, odstęp między wierszami i numery wierszy, a także wyświetlać znaczniki granic. Na koniec możesz zmienić liczbę używanych kolorów motywu usługi LuckyTemplates.

Aby zwiększyć lub zmniejszyć rozmiar czcionki tekstu w edytorze kodu, wystarczy kliknąć strzałki znajdujące się w polu wprowadzania rozmiaru czcionki.

W przypadku zawijania wyrazów, odstępów między wierszami, numerów wierszy i pokazywania znaczników granic możesz po prostu pozostawić je wszystkie włączone . Funkcje te służą jako przewodniki w edytorze kodu i obszarze podglądu. Możesz je wypróbować samodzielnie i zdecydować, która funkcja jest dla Ciebie najlepsza.

Dostępna jest również funkcja integracji motywu raportu , która umożliwia zmianę liczby używanych kolorów motywu usługi LuckyTemplates.

Pełną dokumentację dotyczącą tej funkcji można znaleźć na stronie Deneb .

Na koniec możesz zastąpić domyślny limit wierszy w wizualizacji Deneb LuckyTemplates.

Więcej informacji na temat tej funkcji można znaleźć w dokumentacji na stronie Deneb .

Zwróć uwagę, że okienko właściwości jest specyficzne dla wizualizacji. Może również różnić się między różnymi plikami PBIX lub między różnymi wizualizacjami Deneb w tym samym pliku PBIX. Plik PBIX to dokument, który tworzymy w LuckyTemplates, który zawiera modele danych, wizualizacje, raporty i inne.

Wniosek

Podsumowując, poznałeś 3 główne sekcje w interfejsie Deneb LuckyTemplates i jak działa każda z nich. Są to okienko edytora wizualnego, obszar podglądu i okienko właściwości. Poznałeś także przydatne funkcje panelu Edytora wizualnego, takie jak odtwarzanie, automatyczne stosowanie, naprawa i formatowanie JSON, formatowanie pól, nowa specyfikacja, generowanie szablonu JSON i pomoc.

Ponadto można było modyfikować ustawienia mapowania pól za pomocą panelu właściwości i wykorzystywać różne funkcje w nim zawarte. Obejmuje to zmianę rozmiaru czcionki w edytorze kodu JSON, zawijanie wyrazów, odstępy między wierszami i numery wierszy oraz wyświetlanie znaczników granic. Eksploruj inne karty, które nie zostały omówione w tym samouczku, aby w pełni wykorzystać możliwości wizualizacji Deneb LuckyTemplates.

Jeśli podoba Ci się niestandardowa wizualizacja zawartości usługi LuckyTemplates omówiona w tym konkretnym samouczku, nie zapomnij zasubskrybować kanału telewizyjnego LuckyTemplates .

Cały czas publikujemy ogromną ilość treści ode mnie i wielu twórców treści, których celem jest ulepszenie sposobu, w jaki korzystasz z usługi LuckyTemplates i Power Platform.

Greg