Сравнение версий

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

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

  • линейчатая диаграмма;

  • столбчатая диаграмма;

  • график;

  • круговая диаграмма;

  • сводная таблица;

  • плоская таблица;

  • виджет Изображение;

  • виджет Текст.

Также вы можете добавить:

  • фильтр для фильтрации данных;

  • фильтр по датам.

Кроме того, вы можете расширить палитру используемых виджетов, добавив собственные виджеты. Чтобы узнать, как это сделать, см. раздел Создание пользовательского виджета.

Примечание

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

Информация

При работе с виджетами вы можете использовать следующие горячие клавиши:

  • CTRL + C – копирование виджета;

  • CTRL + V – вставка виджета;

  • CTRL + Z – отмена изменений;

  • CTRL + Y  – повтор изменений;

  • DEL – удаление виджета;

  • CTRL + S – сохранение дашборда.

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

Работа с диаграммами и графиками

Раскрыть
titleРаскрыть

Для добавления диаграммы или графика, перейдите на вкладку Виджет и кликните иконку требуемого виджета – на листе появится пустая плитка виджета с напоминанием о необходимости настройки данных:

bar-chart(1).png

После добавления виджета появятся поля, в которые вы будете перетаскивать столбцы таблиц для визуализации данных:

  • Ось X и Ось Y – для графиков и линейчатых/столбчатых диаграмм;

  • Условные обозначения и Значения – для круговых диаграмм.

Для настройки данных виджета необходимо перетащить требуемые колонки ранее загруженных таблиц в соответствующие поля. Каждое поле может принимать несколько значений. По мере добавления полей виджет будет обновляться:

Примечание

Мера не может быть добавлена в поле Ось Х.

Информация
  • Для получения необходимого представления данных, вы можете изменять порядок расположения добавленных полей путем их перетаскивания в нужную позицию на оси. При этом данные, отображаемые в виджете, будут обновляться при каждом таком изменении.

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

  • Чтобы сохранить созданный дашборд, нажмите Файл > Сохранить как в левом верхнем углу.

  • Чтобы узнать, как тонко настроить диаграммы и графики, смотрите раздел Визуальные настройки виджетов.

Примечание

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

Сортировка значений по возрастанию и убыванию

Вы можете отсортировать данные, отображаемые в виджетах, по убыванию или по возрастанию значений показателей. Сортировка может быть выполнена в следующих виджетах:

  • Линейчатая диаграмма;

  • Столбчатая диаграмма;

  • График;

  • Круговая диаграмма.

Для сортировки данных выполните следующие шаги:

  1. В правом верхнем углу плитки виджета нажмите кнопку со стрелочками:

  2. В появившемся меню выберите показатель, чьи значения вы хотите отсортировать, и затем пункт меню Сортировка по возрастанию или Сортировка по убыванию. Данные отсортируются в соответствии с выбранным значением:

    Сортировка сохраняется при сохранении дашборда.

Работа с таблицами

Раскрыть
titleРаскрыть

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

Плоские таблицы

Плоская таблица - это двумерный массив данных, состоящий из столбцов и строк. Для этого типа таблиц предусмотрено лишь одно поле: Столбцы. Для визуализации необходимых данных, вы можете перетащить в это поле несколько столбцов из панели Данные:

flat-table(1).png

(информация) Вы можете включить или выключить агрегацию по числовым значениям. Например, месяца суммировать не надо, хотя это и числовые значения:

break-by-int(1).png

Сводные таблицы

Сводная таблица – это таблица, данные в которой представлены в сгруппированном и обобщенном виде. Для данного типа таблиц используются следующие поля:

  • Строки

  • Столбцы

  • Показатели

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

сводная-таблица(1).png
Информация
  • Чтобы сохранить дашборд, нажмите Файл > Сохранить как в левом верхнем углу.

  • Чтобы узнать как тонко настроить таблицы, смотрите раздел Визуальные настройки виджетов.

  • Сводные таблицы поддерживают разбиение данных по целому числу (например, по годам).

Работа с фильтрами

Раскрыть
titleРаскрыть

Вы можете отфильтровать отображаемые данные, добавив виджеты Фильтр или Фильтр по датам и указав в них параметры, по которым необходимо произвести фильтрацию данных.

Виджет Фильтр

Представим, что вам необходимо иметь возможность отображать статистику по определенным брендам. Для этого кликните иконку фильтра, чтобы добавить виджет Фильтр, и перетащите в его поле колонку, которая содержит список брендов (в нашем примере это brandname):

Теперь вы можете выбрать в нем бренды, статистку по которым вы хотите просмотреть, выбрать опцию Включить и нажать Применить. Данные отфильтруются по этим брендам во всех виджетах, добавленных в этом листе:

applied-filter.png

В фильтре доступны следующие опции:

Опция

Описание

Включить

Позволяет визуализировать данные по выбранным в списке элементам. Фильтрация применяется ко всем виджетам (при условии, что настроено влияние на виджеты).

Исключить

Позволяет игнорировать выбранные элементы при фильтрации (данные выбранных элементов учитываться не будут).

Выбрать отображаемые

Выбирает все элементы, отображаемые в списке.

Снять выделение

Убирает выделение со всех ранее выбранных элементов.

(информация) Также по умолчанию отображается строка поиска для текстовых данных (для числовых и календарных данных поисковая строка не отображается).

Для отмены фильтрации, нажмите крестик в поле фильтра:

cancel-filtering.png

Вы также можете отменить фильтрацию, нажав Снять выделение, и затем Применить.

Примечание
  • В виджет Фильтр нельзя добавить меру.

  • В столбцах с агрегацией, добавленных в виджет Фильтр, отсутствует поле поиска по значениям.

  • В виджет Фильтр можно добавить не более одного столбца.

(информация) При использовании модели данных “созвездие” (когда в модели присутствует несколько таблиц фактов) вы можете фильтровать данные таблиц фактов одновременно по любому атрибуту связанной с ними таблицы измерений. На изображении ниже данные о продажах из двух таблиц фактов отфильтрованы по брендам из связанной с ними таблицы измерений:

filter-star.png
Информация

Виджет “Фильтр” позволяет также фильтровать данные по числам с фиксированной и плавающей запятой. Однако при фильтрации по числам с плавающей запятой результат может отличаться от ожидаемого из-за особенностей этого типа данных.

Пример фильтрации по числам с фиксированной запятой:

image1.pngImage Removedimage1.pngImage Added

Виджет Фильтр по датам

Аналогичным образом происходит фильтрация по датам. Вы добавляете виджет Фильтр по датам и перетаскиваете в него столбец, содержащий данные о датах (в нашем примере это datekey). С помощью данного фильтра вы можете отфильтровать данные всех виджетов в разрезе года, месяца и т.д.:

date(1).png

Для отображения данных за определенный период кликните число, протяните мышь для выбора нужного периода и кликните еще раз. Для отмены фильтрования, нажмите Очистить:

Виджет Изображение

Раскрыть
titleРаскрыть

Данный виджет используется для добавления изображения. Клик по его иконке добавляет плитку виджета, но настроить его вы его сможете, перейдя на вкладку Оформление:

image(1)(1)(1).png

Для информации о том, как добавить изображение, смотрите раздел Изображение.

Виджет Текст

Раскрыть
titleРаскрыть

Данный виджет используется для добавления произвольного текста на дашборд. Это может быть наименование дашборда, какая-либо пояснительная информация и т.д. Клик по его иконке добавляет плитку виджета, но настроить его вы сможете, перейдя на вкладку Оформление. У данного виджета единственное поле: Столбцы.

text-widget(1).png

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

Примечание

Прежде чем переходить на вкладку Оформление,перетащите какие-либо данные из панели Данные в поле Столбцы виджета. В противном случае вы не сможете настроить виджет.

Пример использования виджета “Текст” в качестве индикатора

Вы можете создать индикатор на базе виджета Текст для вывода какой-либо значимой информации и отформатировать это значение для эффектной визуализации данных. Для этого необходимо выполнить несколько шагов:

  1. Откройте Visiology Designer.

  2. Создайте новый дашборд или откройте существующий.

  3. Добавьте виджет Текст, перейдя на вкладку Виджет и нажав на его иконку:

  4. Перетащите данные в поле Столбцы. В нашем примере мы будем использовать данные из столбца calendaryearlable (года), и Продажи, т.к. мы хотим отображать данные по продажам по годам:

    add-data(1)(1).png

     

  5. Теперь для дальнейшей настройки виджета необходимо перейти на вкладку Оформление:

    settings(1)(1).png

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

    headding(1).png

  7. Теперь нам нужно вывести значение и отформатировать его. Для этого необходимо сделать следующее:

    • вывести значение;

    • округлить значение;

    • добавить слово руб.;
      Все это можно выполнить одной командой, введенной в поле Текст:
      Math.round(@col[1][0]) + " руб."
      где
      Math.round – функция округления;
      @col[1][0] – номер колонки и строки с необходимым нам значением. Первая строка и первая колонка имеют индекс 0.
      + " руб." – добавленный текст.

      text(1).png

Информация

Чтобы понять, какой указывать номер колонки и строки для получения необходимого значения, вы можете сперва вывести значения в виджет Таблица:

  • table-data(1)(1).png

Теперь мы можем изменить цвет выведенного значения и фона, изменить форму рамки, задать тень, и т.д. Для этого можно воспользоваться стандартными настройками:

final-value(1).png

Виджет готов. При использовании совместно с другими виджетами его значение может изменяться. Например, мы можем добавить фильтр, с помощью которого мы сможем фильтровать значения по кварталам. См. видео ниже:

text-widget.mp4

Сортировка значений по столбцу

Раскрыть
titleРаскрыть

Некоторые значения, добавленные в виджет, сортируются по алфавиту. Например, при разбиении данных по месяцам (в нашем примере на английском языке), первым месяцем будет Апрель, затем Август, а завершающим будет Сентябрь:

sorting-alph(1).png

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

  1. Нажать кнопку с тремя точками справа от названия столбца и выбрать пункт Сортировать по столбцу:

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

  3. После сохранения сортировки, названия месяцев отобразятся в нужном порядке:

    correct-order(1).png

Информация

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

Подобным образом можно сортировать и другие значения, добавленные в виджет.

Изменение типа агрегации данных

Раскрыть
titleРаскрыть

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

arrow(1).png

Для показателей доступны следующие типы агрегации:

Тип агрегации

Описание

Сумма

Сумма всех чисел в столбце (значение по умолчанию).

Среднее

Среднее арифметическое значение числовых данных столбца.

Минимум

Минимальное значение среди всех значений столбца.

Максимум

Максимальное значение среди всех значений столбца.

Количество

Количество ячеек в столбце, которые содержат числовое значение.

Для дат и текстовых значений доступен только один тип агрегации: Количество. По умолчанию установлено значение Не суммировать:

text-agregation.png

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

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

Переименование столбцов, добавленных в виджет

Раскрыть
titleРаскрыть

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

Для переименования столбца выполните следующие шаги:

  1. Наведите курсор мыши на название столбца, добавленного в виджет. Появится изображение карандаша.

  2. Нажмите на изображение карандаша – поле с названием столбца переключится в режим редактирования:

    change-column-name.png

  3. Введите новое название и нажмите Enter, либо просто щелкните в любом пустом месте – новое название сохранится и будет отображено на виджете:

    changed-column-name.png
Примечание

При экспорте данных виджета в Excel, новые названия столбцов не переносятся. Таблица экспортируются только с исходными названиями столбцов.

Информация

Переименование столбцов, добавленных в пользовательский виджет, возможно, только если в коде виджета используется displayName вместо columnName. Например:

  • Блок кода
    const items = w.data.primaryData.items;
    let seriesName =  items[0].metadata[0].displayName;
    let xAxis = [];
    .............

Разбивка данных по измерению

Раскрыть
titleРаскрыть

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

Для этой цели вы можете воспользоваться полем Легенда на вкладе Виджет. Для разбивки данных, отображаемых в виджете по какому-либо измерению, достаточно просто перетащить требуемый столбец таблицы в поле Легенда. В нашем примере мы перетащим столбец brandname в поле Легенда и получим цветовую разбивку по брендам:

legend-applied.png
Примечание
  • Поле Легенда доступно для линейчатых/столбчатых диаграмм, а также для графиков.

  • В поле Легенда можно добавить не более одного столбца.

  • Если в поле Легенда добавлен столбец, поля Ось Х и Ось Y могут содержать не более одного столбца.

  • Если в поле Легенда добавлен столбец, то в секции Настройка серий и сегментов визуальных настроек будет присутствовать поле Подпись в легенде,где вы можете переименовать столбцы. Если поле Легенда пусто, то поле Подпись в легенде будет отсутствовать, так как столбцы можно переименовывать при настройке данных виджета.


Смотрите также

📄 Визуальные настройки виджетов
📄 Создание дашбордов и листов

На этой странице

Оглавление

Видео

sorting.mp4aggregation.mp4

Нужна дополнительная помощь?

Свяжитесь с технической поддержкой.