Найкращий власний візуал, про який ви ніколи не чули

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

Я натрапив на це в , який стосувався закупівель, інвентарю та продажу. У нас був набір даних, який в основному зосереджувався на замовленнях на купівлю, дебіторській заборгованості та рахунках-фактурах.

Найкращий власний візуал, про який ви ніколи не чули

Для цього завдання нам потрібно було зобразити час між цими подіями та візуалізувати їх у зручний спосіб. Одна з речей, яка спочатку нагадала мені про це завдання, полягала в тому, що було б чудово, якби ми могли показати різні події на горизонтальній шкалі часу, масштабованої за датою. Я знав, що немає способу зробити це в базових візуальних елементах LuckyTemplates.

Тож я пішов на ринок AppSource і шукав спеціальні візуальні елементи, які можуть виконувати горизонтальну часову шкалу. Я знайшов щось під назвою Query On Timeline .

У ньому є те, що я шукав – смужка з датами та графікою, а також можливість включити деяку додаткову інформацію під рядком, як-от дати замовлень на купівлю, дати коносамента та дати рахунків-фактур.

Найкращий власний візуал, про який ви ніколи не чули

Існують інші способи використання цього, наприклад, цей стиль Канбан.

Найкращий власний візуал, про який ви ніколи не чули

Ви також можете використовувати зменшену версію без візуальних елементів.

Найкращий власний візуал, про який ви ніколи не чули

Або виберіть стиль водоспаду.

Найкращий власний візуал, про який ви ніколи не чули

Ви навіть можете вибрати стиль зображення в рядку.

Найкращий власний візуал, про який ви ніколи не чули

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

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

Це був мій запис для виклику №7 за допомогою візуального елемента «Запит на шкалі часу».

Найкращий власний візуал, про який ви ніколи не чули

Унизу ліворуч зображено такий ключ: помаранчевий — дати замовлень на купівлю, середній синій — дебіторська заборгованість, а темно-синій — дати рахунків-фактур.

Найкращий власний візуал, про який ви ніколи не чули

Кожне із замовлень на купівлю містить кілька матеріалів з різними датами доставки та різними датами рахунків-фактур. Усе повністю динамічно, тому, якщо ви виберете інше замовлення на купівлю, ви побачите, що візуальне зображення змінюється, і ви зможете відфільтрувати його за матеріалом.

Найкращий власний візуал, про який ви ніколи не чули

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

Найкращий власний візуал, про який ви ніколи не чули

Якщо ви клацнете будь-який із цих значків, ви перейдете на їхню сторінку. Наприклад, якщо ви натиснете на рахунок-фактуру…

Найкращий власний візуал, про який ви ніколи не чули

…вона переведе вас до макету шаблону рахунка-фактури.

Найкращий власний візуал, про який ви ніколи не чули

Так само, якщо ви перейдете до замовлення на купівлю, ви перейдете до шаблону замовлення на купівлю. Те ж саме відбувається з поставками та коносаментами.

Зміст

Ключові кроки для створення одного з найкращих власних візуалів для LuckyTemplates

Це складний візуал, і є кілька ключових кроків, щоб змусити його працювати у ваших власних звітах. Перший — це підготувати візуальні елементи .

Другим кроком є ​​завантаження візуальних елементів на загальнодоступний хостинговий сайт, де ви можете легко отримати URL-адреси для маніпулювання в LuckyTemplates.

Вам також потрібно налаштувати додаткову URL-адресу , яка в даному випадку є фіктивними шаблонами, які ми пов’язали з піктограмами.

Потім вам потрібно налаштувати модель даних у спосіб, який відповідає вимогам Query on Timeline .

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

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

Підготовка ваших візуалів

Почнемо з кроку 1. Я використовую сайт під назвою Flat Icon для своїх візуальних елементів.

Найкращий власний візуал, про який ви ніколи не чули

Є багато хороших сайтів із значками; це просто те, що я використовую. Я вибрав три піктограми, по одній для покупок, результатів і рахунків-фактур.

Найкращий власний візуал, про який ви ніколи не чули

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

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

Найкращий власний візуал, про який ви ніколи не чули

Піктограми, які я використовував у своєму записі для Query On Timeline, це помаранчевий, середньо-синій і темно-синій кольори.

Найкращий власний візуал, про який ви ніколи не чули

Головне тут — вибрати потрібні значки та вибрати «Отримати коди для вбудовування» .

Найкращий власний візуал, про який ви ніколи не чули

Це дозволить вам бачити посилання Viewer .

Найкращий власний візуал, про який ви ніколи не чули

Натисніть кнопку спадного списку та перейдіть до Прямих посилань.

Найкращий власний візуал, про який ви ніколи не чули

Потім скопіюйте ці посилання в блокнот. Ключовим тут є отримання URL-адрес цих загальнодоступних зображень.

Це подібно до того, що ви будете робити для ваших додаткових URL-адрес. У цьому випадку сайт, з якого я взяв джерело, називається Template Labs .

Найкращий власний візуал, про який ви ніколи не чули

Я скопіював URL-адреси замовлення на купівлю, коносамента та шаблонів рахунків-фактур у блокнот. Ми оброблятимемо їх так само, як і URL-адреси значків.

Підготовка моделі даних

Наступне, що потрібно зробити, це підготувати нашу модель даних. Я покажу вам, як більшість учасників змагання обробляли свої моделі даних. Це подання Мудассіра Алі, і він зібрав чудову заявку на цей виклик. Я справді закликаю вас поглянути на це.

Найкращий власний візуал, про який ви ніколи не чули

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

Найкращий власний візуал, про який ви ніколи не чули

Це був хороший спосіб зробити розрахунки та отримати необхідні аналітичні висновки. Але ця модель не підтримуватиме підхід часової шкали.

Моя заявка полягала в тому, що в основному було зроблено багато потужних запитів, щоб об’єднати ці три таблиці фактів в одну наскрізну таблицю транзакцій.

Найкращий власний візуал, про який ви ніколи не чули

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

Найкращий власний візуал, про який ви ніколи не чули

Якщо ми подивимося на таблицю транзакцій, у нас є кілька дат: дата замовлення на придбання, дата рахунка-фактури, дата дебіторської заборгованості та інші обчислені дати.

Найкращий власний візуал, про який ви ніколи не чули

Що потрібно для Query On Timeline – це один стовпець дати. Тож після об’єднання цієї однієї таблиці транзакцій я відмінив її, а потім пов’язав нерозведену версію зі своєю моделлю даних. Зауважте, що в назві вказано «поворот», але насправді це не зведено.

Найкращий власний візуал, про який ви ніколи не чули

Якщо ми знову подивимося на таблицю транзакцій, то побачимо стовпець категорії «Дата» та єдиний стовпець «Дата» .

Стовпець «Категорія дати» в основному згорнуто на три основні категорії: замовлено , отримано та виставлено рахунок . Але там також є локальні та глобальні максимуми та мінімуми.

Найкращий власний візуал, про який ви ніколи не чули

У нас також є URL-адреса замовлення на придбання (URL-адреса замовлення).

Найкращий власний візуал, про який ви ніколи не чули

Якщо ми поглянемо назад на таблицю транзакцій, то побачимо обчислені стовпці для цих URL-адрес, які є операторами, які переглядають категорію даних і призначають URL-адресу із сайту розміщення зображень відповідній піктограмі.

Найкращий власний візуал, про який ви ніколи не чули

Робимо так само схожеоператор для призначення шаблону, який також базується на полі Категорія дати.

Найкращий власний візуал, про який ви ніколи не чули

Ось як я призначив правильний значок і шаблон для кожного із записів.

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

Це все, що нам потрібно, щоб правильно налаштувати шкалу часу.

Найкращий власний візуал, про який ви ніколи не чули

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

Дата /час може бути однією з двох речей: датою таблиці фактів у версії без зв’язку або перевіреною датою в таблиці Date. Тут працює будь-який.

Додаткова URL-адреса – це URL-адреса шаблону, яка пов’язана з клацанням піктограми.

Найкращий власний візуал, про який ви ніколи не чули

Додаткове зображення – це поле URL-адреси замовлення на придбання.

Найкращий власний візуал, про який ви ніколи не чули

Тепер, якщо ми подивимося на це поле URL-адреси замовлення на замовлення, нам потрібно встановити категорію даних у URL-адресу зображення, оскільки за замовчуванням вона автоматично буде текстовою. Якщо ви збережете його як текст, зображення не відображатимуться належним чином.

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

Ці кроки в основному є тим, як правильно налаштувати базові поля на візуалі.

Найкращий власний візуал, про який ви ніколи не чули

Форматування власних візуалів для LuckyTemplates

Тепер я просто хочу ознайомити вас із деякими форматуваннями, які я зробив для звіту. Перший актуальний — Stagger Text , який створює ефект каскаду.

Найкращий власний візуал, про який ви ніколи не чули

Якщо ми вимкнемо Stagger Text, ми отримаємо все в одному рядку. Але коли у вас є кілька полів, розташованих відносно близько одне до одного, вони просто перекриваються і стають нечитабельними. Ось чому ми розмістили текст про автоматичний розрахунок у шаховому порядку.

Функція « Текст зверху» дає змогу перемістити каскадний текст знизу над рядком.

Найкращий власний візуал, про який ви ніколи не чули

Заголовки , виділені жирним шрифтом, дозволяють виділяти заголовок жирним шрифтом. Існує також деяке форматування дати, яке можна виконати на осі X. Ви можете показувати або не показувати дати на осі.

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

Найкращий власний візуал, про який ви ніколи не чули

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

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

Найкращий власний візуал, про який ви ніколи не чули

У цьому випадку ми хочемо ввімкнути ручне масштабування та розпочати його 1 січня, тобто початок набору даних, і завершити 30 червня, тобто кінець набору даних.

Найкращий власний візуал, про який ви ніколи не чули

Ручне масштабування пікселів встановлює ширину лінії. Єдина причина, чому ми ввімкнули це, це створити проміжок, щоб він не запускався, і створити смугу прокрутки внизу.

Найкращий власний візуал, про який ви ніколи не чули

Властивості одного елемента корисні, якщо у вас є лише одна подія на категорію.

Найкращий власний візуал, про який ви ніколи не чули

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

Параметри зображення дозволяють масштабувати розмір ваших зображень і підтримувати належний інтервал.

Найкращий власний візуал, про який ви ніколи не чули

Стиль дозволяє вибрати один із кількох стилів: стиль смуги, стиль лінії, стиль водоспаду та стиль канбан .

Найкращий власний візуал, про який ви ніколи не чули

Ми використовуємо стиль Bar, але для інших програм ви можете поекспериментувати та пограти з цією функцією.

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

Він також має можливість завантажувати дати як файл календаря з Календаря Google або Outlook.

Найкращий власний візуал, про який ви ніколи не чули

Висновок

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

Сподіваємось, ви знайшли цей підручник корисним і знайшли те, з чим можете поекспериментувати та пограти.

Підпишіться на LuckyTemplates TV, якщо ви ще цього не зробили. Незабаром у нас з’явиться багато нового відеовмісту.






Відкрийте для себе унікальні ідеї за допомогою функції TOPN LuckyTemplates

Відкрийте для себе унікальні ідеї за допомогою функції TOPN LuckyTemplates

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

Моделювання даних у LuckyTemplates за допомогою допоміжних таблиць

Моделювання даних у LuckyTemplates за допомогою допоміжних таблиць

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

Розширений DAX для LuckyTemplates: впровадження логіки ранжування в унікальній статистиці

Розширений DAX для LuckyTemplates: впровадження логіки ранжування в унікальній статистиці

Тут ми зануримося в LuckyTemplates Advanced DAX і запровадимо логіку ранжирування, щоб отримати дуже унікальну інформацію. У цьому прикладі я також демонструю розгалуження міри.

Функція параметра LuckyTemplates «Що, якщо».

Функція параметра LuckyTemplates «Що, якщо».

У цьому блозі представлено нову функцію в LuckyTemplates — параметр аналізу «Що, якщо». Ви побачите, як це робить усе швидким і легким для аналізу сценарію.

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

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

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

Параметри LuckyTemplates через редактор запитів

Параметри LuckyTemplates через редактор запитів

Дізнайтеся та зрозумійте, як можна створювати та використовувати параметри LuckyTemplates, які є потужною функцією редактора запитів.

Кругла гістограма – візуалізація для вашої інформаційної панелі

Кругла гістограма – візуалізація для вашої інформаційної панелі

У цьому підручнику буде обговорено створення круглої гістограми за допомогою Charticulator. Ви дізнаєтеся, як створити їх для звіту LuckyTemplates.

Функції та формули PowerApps | Вступ

Функції та формули PowerApps | Вступ

Дізнайтеся, як використовувати функції та формули PowerApps, щоб покращити функціональність і змінити поведінку в нашій програмі Canvas Power Apps.

Труба в R: підключення функцій за допомогою Dplyr

Труба в R: підключення функцій за допомогою Dplyr

У цьому підручнику ви дізнаєтесь, як об’єднати функції разом за допомогою оператора каналу dplyr мовою програмування R.

RANKX Deep Dive: функція LuckyTemplates DAX

RANKX Deep Dive: функція LuckyTemplates DAX

RANKX від LuckyTemplates дозволяє повернути рейтинг певного числа в кожному рядку таблиці, який є частиною списку чисел.