Декларативна візуалізація Deneb LuckyTemplates

У цьому посібнику ми спробуємо зрозуміти основи декларативної візуалізації Deneb LuckyTemplates, обговорюючи 3 основні розділи інтерфейсу Deneb. Це панель візуального редактора , область попереднього перегляду та панель властивостей .

Deneb — це інструмент, який можна використовувати для створення візуалізацій за допомогою декларативних кодів JSON у LuckyTemplates.  

Денеб має подібні способи створення візуальних елементів у LuckyTemplates за допомогою та . За допомогою цього посібника ви зможете ознайомитися з використанням Deneb для створення .

Зміст

• 3 основні розділи інтерфейсу Deneb у LuckyTemplates
• Корисні функції на панелі візуального редактора Deneb
• Змінення налаштувань для відображення полів
• Область попереднього перегляду Deneb і її функції масштабування
• Використання панелі властивостей у Deneb LuckyTemplates
• Висновок

3 основні розділи інтерфейсу Deneb у LuckyTemplates

У цьому прикладі ми використаємо гістограму «Країна» та «Загальний обсяг продажів» , щоб продемонструвати основні розділи інтерфейсу Deneb.

Щоб ми могли побачити 3 основні розділи інтерфейсу Deneb, ми повинні натиснути на значок еліпса у верхньому правому куті гістограми.

Після цього натисніть опцію Редагувати .

Після того, як ми натиснемо опцію «Редагувати» , ми побачимо панель «Візуальний редактор» і область попереднього перегляду .

Щоб побачити панель властивостей , нам потрібно розгорнути « Візуалізації » праворуч від області попереднього перегляду , клацнувши її. 

У розділі «Візуалізації» клацніть опцію «Форматувати візуальний вигляд».

Потім клацніть правою кнопкою миші на редакторі .

Нарешті виберіть опцію Розгорнути всі категорії .

Після виконання цих кроків ми повинні побачити панель властивостей .

Загалом, ось як має виглядати ваш інтерфейс після відкриття панелі властивостей.

Корисні функції на панелі візуального редактора Deneb

На панелі візуального редактора ми побачимо набір піктограм — відтворення, автоматичне застосування, форматування, зіставлення, новий, шаблон і довідка .

Піктограма відтворення використовується для застосування змін, які ми внесли в код JSON. Іноді цей значок стає сірим, якщо ви не внесли зміни у свій код. Наприклад, я видалю кому в нашому коді JSON.

Зверніть увагу на знімок екрана нижче, що після видалення коми в коді значок «відтворення» став активним.

Піктограма автоматичного застосування використовується для автоматичного застосування змін під час введення кодів JSON. Ви можете вмикати та вимикати це залежно від ваших уподобань.

Ось так виглядає піктограма автоматичного застосування , якщо її ввімкнути. В області попереднього перегляду ви побачите, що зміна значення спливаючої підказки з true на false з’являється помилка, оскільки зміна ще не завершена.

Піктограма «Відновлення та форматування JSON» , з іншого боку, працює над відновленням коду JSON у належному форматі. Він виправить код щоразу, коли у вас відсутні коми, кутові дужки, двокрапки тощо.

Щоб продемонструвати, як це працює, я додам до коду додатковий простір і клацну піктограму «Відновити та відформатувати JSON» .

Після натискання піктограми «Відновити та форматувати JSON» має бути виправлено та видалено зайві пробіли, які я додав у коді.

Піктограма Редагувати відображення полів специфікації використовується для внесення змін у відображення полів LuckyTemplates.

Використання піктограми «Нова специфікація» замінить поточну специфікацію та конфігурацію, над якими ви працюєте. Це лише для створення нової специфікації.

Піктограма «Створити шаблон JSON» зазвичай використовується для створення шаблону JSON для експорту чи збереження вашої роботи або для повторного використання. 

Нарешті, ви можете скористатися піктограмою «Довідка» , щоб відкрити документацію щодо Deneb LuckyTemplates.

Якщо клацнути на цій піктограмі, з’явиться діалогове вікно, у якому буде запропоновано відкрити документацію в новому браузері. Просто натисніть OK, коли побачите це.

Потім ви перейдете на сторінку Deneb , щоб отримати необхідну документацію.

Змінення налаштувань для відображення полів

Давайте тепер змінимо налаштування для відображення полів у LuckyTemplates. Спочатку створимо копію домашньої сторінки. Для цього клацніть правою кнопкою миші вкладку «Головна» в нижньому лівому куті. Потім виберіть Дублювати сторінку .

У результаті у вас буде копія домашньої сторінки .

Після цього давайте змінимо доступні поля для нашої візуалізації. Клацніть гістограму, і ви побачите значення на панелі властивостей.

На панелі властивостей зніміть вибір у полі Країна в розділі Значення , клацнувши піктограму X.

Давайте розгорнемо панель «Поля» , клацнемо розкривне меню « Канали» , потім клацнемо поле «Канал» і перетягнемо його до «Значень».

Далі клацніть піктограму з крапками у верхньому лівому куті гістограми та виберіть опцію «Редагувати» .

Оскільки ми внесли зміни до полів, нам потрібно зіставлення, щоб оновити поля, які нам потрібно відобразити у візуалізації. У цьому випадку нам потрібно призначити поле Channel замість поля Country . Натисніть «Застосувати зіставлення» , коли ви закінчите призначати нове поле.

Після застосування відображення натисніть кнопку «Назад до звіту» , щоб отримати повний попередній перегляд змін, які ми внесли у візуалізацію.

Виконання процесу оновлення полів для візуалізації заощадить ваш час замість того, щоб змінювати його вручну в коді JSON.

Область попереднього перегляду Deneb і її функції масштабування

Область попереднього перегляду – це місце, де ми можемо побачити візуалізацію під час редагування коду JSON. Ви можете налаштувати рівень масштабування області попереднього перегляду, використовуючи функції масштабування в нижній правій частині цієї панелі.

Щоб побачити функції масштабування, вам потрібно увійти в режим редагування гістограми в області попереднього перегляду.

Після вибору опції «Редагувати» ви повинні побачити функції масштабування.

Символи мінус ( -) і плюс (+) зменшують або збільшують рівень масштабування на 10% .

Використовуйте повзунок масштабування , якщо ви хочете поступово збільшувати або зменшувати рівень масштабування області попереднього перегляду. 

Кругова стрілка використовується для встановлення рівня масштабування на 100%.

Піктограма поруч із круглою стрілкою використовується для підгонки попереднього перегляду візуалізації до доступного простору в області попереднього перегляду.

Нарешті, число із символом відсотка ( % ) повідомляє про поточний рівень масштабування, який ви використовуєте.

Використання панелі властивостей у Deneb LuckyTemplates

Тепер ми перейшли до останнього розділу інтерфейсу Deneb LuckyTemplates, який є панеллю властивостей. На панелі властивостей можна встановити розмір шрифту редактора коду, увімкнути або вимкнути такі функції, як перенесення слів, розрив рядків і номери рядків, а також відобразити маркери меж. Нарешті, ви можете змінити кількість використовуваних кольорів теми LuckyTemplates.

Щоб збільшити або зменшити розмір шрифту тексту в редакторі коду, просто клацніть стрілки в полі введення розміру шрифту.

Для переносу слів, переходу між рядками, номерів рядків і показу межових маркерів ви можете просто залишити їх усі увімкненими . Ці функції служать посібниками у вашому редакторі коду та в області попереднього перегляду. Ви можете спробувати їх самостійно та вирішити, яка функція вам найбільше підходить.

Існує також функція інтеграції теми звіту , яка дозволяє змінювати кількість використовуваних кольорів теми LuckyTemplates.

Ви можете перевірити веб-сайт Deneb , щоб отримати повну документацію про цю функцію.

Нарешті, ви можете перевизначити обмеження рядків за замовчуванням у візуалізації Deneb LuckyTemplates.

Щоб отримати додаткові відомості про цю функцію, перегляньте документацію на веб-сайті Deneb .

Зверніть увагу, що панель властивостей є особливою для візуалізації. Він також може відрізнятися для різних файлів PBIX або для різних візуалізацій Deneb в одному файлі PBIX. Файл PBIX – це документ, який ми створюємо в LuckyTemplates, який містить моделі даних, візуалізації, звіти тощо.

Висновок

Підводячи підсумок, ви дізналися про 3 основні розділи в інтерфейсі Deneb LuckyTemplates і про те, як кожен із них працює. Це панель візуального редактора, область попереднього перегляду та панель властивостей. Ви також дізналися про корисні функції на панелі візуального редактора, які включають відтворення, автоматичне застосування, відновлення та форматування JSON, форматування поля, нову специфікацію, створення шаблону JSON і довідку.

Крім того, ви могли змінити параметри для відображення полів за допомогою панелі властивостей і використовувати різні функції в ній. Це включає зміну розміру шрифту редактора коду JSON, перенесення слів, розділення рядків і номерів рядків, а також показ маркерів меж. Продовжуйте досліджувати інші вкладки, які не розглядалися в цьому підручнику, щоб отримати максимальну віддачу від візуалізації Deneb LuckyTemplates.

Якщо вам сподобався спеціальний візуал для вмісту LuckyTemplates, описаного в цьому посібнику, не забудьте підписатися на телеканал LuckyTemplates .

У нас постійно надходить величезна кількість вмісту, створюваного мною та низкою творців контенту, які всі прагнуть покращити спосіб використання LuckyTemplates і Power Platform.

Грег