Диаграммы
В Apache Superset диаграмма - это визуальное представление данных из набора данных. Она может быть различных типов, таких как столбчатая или круговая диаграмма, древовидная карта, таблица и т.д.
Диаграммы можно объединить в дэшборд, который предоставляет общее представление данных из нескольких диаграмм.
В данном разделе вы создадите три диаграммы для визуализации данных о заработной плате сотрудников:
-
Столбчатая диаграмма (Bar Chart)
-
Таблица (Table)
-
Крупное число (Big Number)
Столбчатая диаграмма
Диаграмма Bar Chart будет показывать заработную плату каждого сотрудника. Для создания новой диаграммы перейдите в Charts в верхнем меню и нажмите на кнопку + CHART.
В открывшемся окне:
-
Выберите набор данных
Employees' salaries
. -
Выберите диаграмму
Bar Chart
. -
Нажмите на кнопку CREATE NEW CHART.
В настройках диаграммы:
-
Перенесите столбец
full_name
в поле X-AXIS. -
Перенесите столбец
salary
в поле METRICS с агрегациейSUM
:

-
Нажмите на кнопку CREATE CHART, и вы увидите следующий результат:

Установите имя для этой диаграммы - Salary by employee
и сохраните без добавления в дэшборд.
Таблица
Диаграмма типа Table будет показывать среднюю заработную плату по отделу. Перейдите в Charts в верхнем меню и создайте новую диаграмму, нажав на кнопку + CHART.
В открывшемся окне:
-
Выберите набор данных
Employees' salaries
. -
Выберите диаграмму
Table
. -
Нажмите на кнопку CREATE NEW CHART.
В настройках диаграммы:
-
Перенесите столбец department_name в поле DIMENSIONS.
Затем создайте агрегацию по столбцу salary
:
-
Нажмите на поле METRICS.
-
Выберите вкладку SIMPLE, выберите агрегацию AVG для столбца
salary
и сохраните изменения.

-
Нажмите на кнопку CREATE CHART, и вы увидите следующий результат:

Установите имя для этой диаграммы - Salary by department
и сохраните без добавления в дэшборд.
Крупное число
Тип диаграммы Big Number используется для отображения одиночной важной метрики или значения. В вашем дэшборде данная диаграмма покажет среднюю заработную плату среди всех сотрудников.
Перейдите в Charts в верхнем меню и создайте новую диаграмму, нажав на кнопку + CHART.
В открывшемся окне:
-
Выберите набор данных
Employees' salaries
. -
Выберите тип диаграммы
Big Number
. -
Нажмите на кнопку CREATE NEW CHART.
В настройках диаграммы:
-
Перенесите столбец
salary
в поле METRICS. -
Выберите агрегацию AVG и сохраните.

-
В поле SUBHEADER введите
Employees' AVG salary
. -
Нажмите на кнопку CREATE CHART, и вы увидите следующий результат:

Установите имя для этой диаграммы - Employees' AVG salary
и сохраните без добавления в дэшборд.