Работа с виджетами

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

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

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

  • график;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Логика заполнения полей виджетов

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

Например, при работе со столбчатой диаграммой с легендой, меры (значения, которые будут отображаться на графике) нельзя добавлять в поля Ось Х и Легенда. Это обусловлено тем, что эти поля предназначены для других целей: Ось Х обычно используется для данных, которые будут формировать категории на оси X графика, а Легенда — для разбивки данных по какому-либо измерению.

Ниже приведена таблица, в которой отражена логика заполнения полей для каждого типа виджетов:

Виджет

Правила заполнения полей

Виджет

Правила заполнения полей

Столбчатая диаграмма с легендой

Разрешено:

Добавлять столбец без агрегации в поле, предназначенное для показателей. В этом случае добавляется тип агрегации “Количество”.

Запрещено:

  • Добавлять меры в поля Ось Х и Легенда.

  • Перемещать меры из поля Ось Y в поля Ось Х и Легенда.

  • Добавлять одинаковые столбцы в одно и то же поле.

Линейчатая диаграмма с легендой

Разрешено:

Добавлять столбец без агрегации в поле, предназначенное для показателей. В этом случае добавляется тип агрегации “Количество”.

Запрещено:

  • Добавлять меры в поля Ось Y и Легенда.

  • Перемещать меры из поля Ось Х в поля Ось Y и Легенда.

  • Добавлять одинаковые столбцы в одно и то же поле.

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

Разрешено:

Добавлять столбец без агрегации в поле, предназначенное для показателей. В этом случае добавляется тип агрегации “Количество”.

Запрещено:

  • Добавлять меры в поле Условные обозначения.

  • Перемещать меры из поля Значения в поле Условные обозначения.

  • Добавлять одинаковые столбцы в одно и то же поле.

График

Разрешено:

Добавлять столбец без агрегации в поле, предназначенное для показателей. В этом случае добавляется тип агрегации “Количество”.

Запрещено:

  • Добавлять меры в поле Ось Х.

  • Перемещать меры из поля Ось Y в поле Ось Х.

  • Добавлять одинаковые столбцы в одно и то же поле.

Таблица

Нет ограничений.

Сводная таблица

Разрешено:

Добавлять столбец без агрегации в поле, предназначенное для показателей. В этом случае добавляется тип агрегации “Количество”.

Запрещено:

  • Добавлять меры в поля Строки и Столбцы.

  • Перемещать меры из поля Показатели в поля Строки и Столбцы.

  • Добавлять одинаковые столбцы в одно и то же поле.

Текст

Нет ограничений.

Фильтр

​​Разрешено добавлять любые столбцы.

​​Запрещено:

  • Добавлять меры.

  • Добавлять одинаковые столбцы.

Фильтр по датам

Разрешено добавлять строки с датой.

Запрещено:

  • Добавлять любые данные, кроме даты.

  • Добавлять более одного столбца.

Пользовательский виджет

Нет ограничений.

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

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

bar-chart(1).png

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

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

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

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

 

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

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

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

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

  • График;

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

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

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

     

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

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

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

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

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

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

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

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

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

  • Строки

  • Столбцы

  • Показатели

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

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

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

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

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

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

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

Опция

Описание

Опция

Описание

Включить

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

Исключить

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Виджет Текст

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

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

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

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

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

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

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

     

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

     

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

     

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

     

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

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

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

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

       

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

 

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

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

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

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

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


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

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