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

В этом руководстве мы попытаемся понять основы декларативной визуализации Deneb LuckyTemplates, обсудив 3 основных раздела интерфейса Deneb. Это панель визуального редактора , область предварительного просмотра и панель свойств .

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

У Денеба есть аналогичные способы создания визуальных элементов в LuckyTemplates с использованием и . С помощью этого руководства вы сможете ознакомиться с использованием Deneb для создания визуализаций в LuckyTemplates .

Оглавление

• 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.

Давайте развернем панель «Поля» , щелкните раскрывающийся список « Каналы» , затем щелкните и перетащите поле «Канал» в «Значения».

Затем щелкните значок многоточия в верхнем левом углу гистограммы и выберите параметр «Редактировать» .

Поскольку мы внесли изменения в поля, нам требуется сопоставление, чтобы обновить поля, которые нам нужно сопоставить с визуализацией. В этом случае нам нужно назначить поле «Канал» вместо поля «Страна» . Нажмите «Применить сопоставление» , как только вы закончите назначение нового поля.

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

Выполнение процесса обновления полей для вашей визуализации сэкономит ваше время, а не изменение вручную в коде JSON.

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

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

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

Вы должны увидеть функции масштабирования после выбора опции «Редактировать».

Знаки минус ( -) и плюс (+) уменьшают или увеличивают масштаб на 10% .

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

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

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

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

Использование панели свойств в Deneb LuckyTemplates

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

Чтобы увеличить или уменьшить размер шрифта текста в редакторе кода, просто щелкните стрелки в поле ввода размера шрифта.

Для переноса слов, межстрочного поля, номеров строк и показа маркеров границ вы можете просто оставить их все включенными . Эти функции служат ориентирами в вашем редакторе кода и в области предварительного просмотра. Вы можете попробовать их самостоятельно и решить, какая функция лучше всего подходит для вас.

Существует также функция интеграции темы отчета , которая позволяет вам изменить количество используемых цветов темы LuckyTemplates.

Вы можете проверить веб-сайт Deneb для получения полной документации об этой функции.

Наконец, вы можете переопределить лимит строк по умолчанию в визуализации Deneb LuckyTemplates.

Дополнительные сведения об этой функции см. в документации на веб-сайте Deneb .

Обратите внимание, что панель свойств относится к визуализации. Он также может различаться в разных файлах PBIX или в разных визуализациях Deneb в одном и том же файле PBIX. Файл PBIX — это документ, который мы создаем в LuckyTemplates, который включает в себя модели данных, визуализации, отчеты и многое другое.

Заключение

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

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

Если вам понравился настраиваемый визуальный элемент для содержимого LuckyTemplates, описанный в этом руководстве, не забудьте подписаться на телеканал LuckyTemplates .

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

Грег