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

Owned by Эдуард Столяр, created
Last updated: февр. 09, 2023
5 min read


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

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

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

  • график;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

 

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

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

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

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

Сортировка данных в виджетах

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

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

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

  • График;

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

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

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

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

     

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

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

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

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

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

 

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

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

  • Строки

  • Столбцы

  • Показатели

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

 

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

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

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

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

 

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

 

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

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

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

 

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

 

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

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

 

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

Статьи по теме

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