После создания дашборда вы можете приступить к визуализации данных, добавляя в рабочее пространство листа виджеты и наполняя их необходимыми данными. В данной версии продукта доступны следующие виджеты:
линейчатая диаграмма;
столбчатая диаграмма;
график;
круговая диаграмма;
сводная таблица;
плоская таблица;
Также вы можете добавить:
Работа с диаграммами и графиками
Для добавления диаграммы или графика, кликните иконку требуемого виджета в панели Визуализации – на листе появится пустая плитка виджета с напоминанием о необходимости настройки данных:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/16285950/added-widget.png?version=1&modificationDate=1670402193843&cacheVersion=1&api=v2&width=442&height=198)
После добавления виджета в панели Визуализации появятся поля, в которые вы будете перетаскивать столбцы таблиц для визуализации данных:
Для настройки данных виджета необходимо перетащить требуемые колонки ранее загруженных таблиц в соответствующие поля. Каждое поле может принимать несколько значений. По мере добавления полей виджет будет обновляться:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/16285950/populate-widget.gif?version=1&modificationDate=1670421369761&cacheVersion=1&api=v2&width=374&height=183)
Работа с таблицами
После добавления плоской или сводной таблицы в панели Визуализации также появляются поля, но набор полей отличается в зависимости от того, какой тип таблицы используется.
Плоские таблицы
Плоская таблица - это двумерный массив данных, состоящий из столбцов и строк. Для этого типа таблиц предусмотрено лишь одно поле: Столбцы. Для визуализации необходимых данных, вы можете перетащить в это поле несколько столбцов из панели Поля:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/16285950/flat-table.png?version=2&modificationDate=1670438377469&cacheVersion=1&api=v2&width=442&height=203)
Сводные таблицы
Сводная таблица – это таблица, данные в которой представлены в сгруппированном и обобщенном виде. Для данного типа таблиц используются следующие поля:
Для визуализации данных перетащите необходимые столбцы из панели Поля в комбинации, требуемой для вашего дашборда. В нашем примере получилась следующая конфигурация:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/16285950/%D1%81%D0%B2%D0%BE%D0%B4%D0%BD%D0%B0%D1%8F-%D1%82%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D0%B0.png?version=1&modificationDate=1670439394573&cacheVersion=1&api=v2&width=544&height=223)
Работа с фильтрами
Вы можете отфильтровать отображаемые данные, добавив виджеты Фильтр или Фильтр по датам и указав в них параметры, по которым необходимо произвести фильтрацию данных.
Виджет Фильтр
Представим, что вам необходимо иметь возможность отображать статистику по определенным товарам. Для этого кликните
, чтобы добавить виджет Фильтр, и перетащите в его поле колонку, которая содержит список товаров (в нашем примере это productname):
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/16285950/filter1.png?version=1&modificationDate=1670442492200&cacheVersion=1&api=v2&width=442&height=201)
Теперь вы можете выбрать в нем товары, статистку по которым вы хотите просмотреть, и нажать Применить. Данные отфильтруются по этим товарам во всех виджетах, добавленных в этом листе:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/16285950/filtered-data.png?version=2&modificationDate=1670461940881&cacheVersion=1&api=v2&width=442&height=245)
Для отмены фильтрации, нажмите крестик в поле фильтра:
![](https://visiology-doc.atlassian.net/wiki/download/attachments/16285950/cancel-filtering.png?version=1&modificationDate=1670443484156&cacheVersion=1&api=v2)
Виджет Фильтр по датам
Аналогичным образом происходит фильтрация по датам. Вы добавляете виджет Фильтр по датам
и перетаскиваете в него столбец, содержащий данные о датах (в нашем примере это datekey). С помощью данного фильтра вы можете отфильтровать данные всех виджетов в разрезе года, месяца и т.д.:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/16285950/date.png?version=1&modificationDate=1670459986493&cacheVersion=1&api=v2&width=442&height=219)
Для отображения данных за определенный период кликните число, протяните мышь для выбора нужного периода и кликните еще раз. Для отмены фильтрования, нажмите Очистить:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/16285950/%D1%84%D0%B8%D0%BB%D1%8C%D1%82%D1%80-%D0%BF%D0%BE-%D0%B4%D0%B0%D1%82%D0%B5.gif?version=1&modificationDate=1670461553854&cacheVersion=1&api=v2&width=204&height=192)
Виджет Изображение
Данный виджет используется для добавления изображения. Клик по его иконке добавляет плитку виджета, но настроить его вы сможете только в Desktop Designer. В Visiology Designer он не имеет никаких полей или настроек:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/16285950/image.png?version=1&modificationDate=1670462749870&cacheVersion=1&api=v2&width=442&height=176)
Для информации о том, как добавить изображение, смотрите раздел Изображение.
После добавления всех необходимых виджетов, вы можете переименовать их, чтобы отразить суть отображаемой информации, а также тонко настроить визуализацию. Например, можно изменить оформление легенды, добавить фон, рамку и много другое. Для этого необходимо использовать Desktop Designer.
Статьи по теме
📄 Установка и запуск Dashboard Designer
📄 Визуальные настройки виджетов
📄 Создание дашбордов и листов