Настройка Superset

Добавление атрибута в датасет

  1. Перейдите на страницу chart.

  2. В разделе «Chart Source» перейти в настройки Датасета (Edit dataset).

    ../../_images/superset_settings-edit_dataset.png

    Откроется модальное окно «Edit Dataset».

    ../../_images/superset_settings-edit_dataset_page.png
  3. Перейдите в раздел «Calculated Columns».

    ../../_images/superset_settings-calculated_columns.png
  4. Нажмите кнопку +ADD ITEM.

    ../../_images/superset_settings-add_item.png
  5. Заполните поля настройки нового атрибута:

    ../../_images/superset_settings-new_column.png
    1. Название колонки.

    2. Sql выражение.

Выбор атрибута времени по умолчанию

  1. Перейдите на страницу chart.

  2. В разделе «Chart Source» перейти в настройки Датасета (Edit dataset).

    ../../_images/superset_settings-edit_dataset.png
  3. Перейдите в раздел «Columns».

  4. Выберите Default datetime на нужном атрибуте.

    ../../_images/superset_settings-columns.png

Создание и настройка chart

Chart Воронка

  1. В разделе «DATA» нажмите кнопку View all charts.

    ../../_images/superset_settings-data_charts.png

    Откроется модальное окно «Выбора типа визуализации».

  2. Выберите в категориях KPI.

    Откроется список доступных форматов визуализации.

    ../../_images/superset_settings-kpi.png
  3. Выберите Funnel Chart.

  4. Нажмите кнопку Select.

    Содержание настроек изменится для Воронки.

  5. Настройки chartа: 1. Настройки раздела «Data»:

    1. DIMENSIONS - поля, по которым группируются данные.

    2. METRIC - метрика, которая рассчитывается для группы.

    3. FILTERS - при необходимости укажите фильтры для chart.

    4. ROW LIMIT - количество уникальных строк, которые будут отображаться в chartе.

    5. % CALCULATION - логика определения % каждой группы:

      1. Рассчитывается относительно первой группы.

      2. Рассчитывается относительно предыдущей группы.

      3. Рассчитывается относительно общего количества записей.

    1. Настройки раздела «Customize»:

      1. Legend:

        1. SHOW LEGEND - отображение значений строк в графике в легенде.

        2. ORIENTATION - местоположение легенды.

        3. MARGIN - отступ от легенды.

      2. Labels:

        1. LABEL CONTENTS - формат отображения подписей для каждой строки.

        2. SHOW LABELS - отображение подписей строк в графике.

        3. TOOLTIP CONTENTS - формат отображения подписей при наведении для каждой строки.

        4. SHOW TOOLTIP LABELS - отображение подписей строк в графике при наведении.

        5. NUMBER FORMAT - формат отображения числовых данных.

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

  1. В разделе «DATA» нажмите кнопку View all charts.

    ../../_images/superset_settings-data_charts.png

    Откроется модальное окно «Выбора типа визуализации».

  2. Выберите в категориях Table.

    Откроется список доступных форматов визуализации.

    ../../_images/superset_settings-table.png
  3. Выберите Pivot Table.

  4. Нажмите кнопку Select.

    Содержание настроек изменится для Сводной таблицы.

  5. Настройки чарта:

    1. Настройки раздела «Data»:

      1. Query:

        1. COLUMNS - поля, по которым группируются данные и отображаются в колонках.

        2. ROWS - поля, по которым группируются данные и отображаются в строках.

        3. METRICS - метрики, которые рассчитываются для групп.

        4. APPLY METRICS ON - отображение метрик (по столбам или строкам).

        5. FILTERS - при необходимости укажите фильтры для chart.

        6. CELL LIMIT - количество строк в графике.

        7. SORT BY - указание поля сортировки.

    2. Настройки раздела «Customize»:

      1. VALUE FORMAT - формат отображения числовых значений.

      2. DATE FORMAT - формат отображения дат.

      3. SORT ROWS BY - сортировка по строкам.

      4. SORT COLUMNS BY - сортировка по колонкам.

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

  1. В разделе «DATA» нажмите кнопку View all charts.

    ../../_images/superset_settings-data_charts.png

    Откроется модальное окно «Выбора типа визуализации».

  2. Выберите в категориях Evolution.

    Откроется список доступных форматов визуализации.

    ../../_images/superset_settings-evolution.png
  3. Выберите Bar Chart.

  4. Нажмите кнопку Select.

    Содержание настроек изменится для диаграммы.

  5. Настройки chart:

    1. Настройки раздела «Data»:

      1. X-AXIS/ Y-AXIS- поле, по которому группируются данные.

      2. X-AXIS SORT BY/ Y-AXIS SORT BY - поле сортировки.

      3. METRICS - метрики, которые рассчитываются для группы.

      4. CONTRIBUTION MODE - Показатель, который используется для оценки того, насколько каждая категория или строка данных вносит свой вклад в общий ключевой показатель. Когда этот режим включен, значения в каждой категории нормализуются так, чтобы их сумма составляла 100%. Это позволяет видеть относительный вклад каждой категории в общий ключевой показатель.

        • Row: Нормализация данных происходит по строкам. Этот режим полезен для анализа пропорций в пределах каждой строки.

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

      5. FILTERS - при необходимости укажите фильтры для chart.

      6. SERIES LIMIT - Ограничение по количеству отображаемых категорий. Объединенный подзапрос применяется для ограничения количества извлекаемых и отображаемых серий. Эта функция полезна при группировке по столбцам с большим значением.

      7. SORT BY - поле сортировки.

      8. ROW LIMIT - количество уникальных строк, которые будут отображаться в Сhartе.

    2. Настройки раздела «Customize»:

      1. Chart Orientation. BAR ORIENTATION - формат отображения столбцов.

      2. Chart Options:

        • DATA ZOOM - приближение данных.

Сhart Число+график

  1. В разделе «DATA» нажмите кнопку View all charts.

    ../../_images/superset_settings-data_charts.png

    Откроется модальное окно «Выбора типа визуализации».

  2. Выберите в категориях KPI.

    Откроется список доступных форматов визуализации.

    ../../_images/superset_settings-kpi.png
  3. Выберите Big Number with Trendline.

  4. Нажмите кнопку Select.

    Содержание настроек изменится для chart число+график.

  5. Настройки chart:

    1. Настройки раздела «Data»:

      1. TEMPORAL X-AXIS - поле даты.

      2. TIME GRAIN - шаг даты.

      3. METRIC - метрика, которая рассчитывается для набора данных.

      4. FILTERS - при необходимости укажите фильтры для chart.

      5. SHOW TIMESTAMP - отображение даты.

      6. SHOW TREND LINE - отображение линии тренда.

    2. Настройки раздела «Customize»:

      1. FIXED COLOR - выбора цвета для линии тренда.

      2. BIG NUMBER FONT SIZE - размер числа.

      3. NUMBER FORMAT - формат отображения числа.

      4. DATE FORMAT - формат отображения даты.

Сhart Таблица

  1. В разделе «DATA» нажмите кнопку View all charts.

    ../../_images/superset_settings-data_charts.png

    Откроется модальное окно «Выбора типа визуализации».

  2. Выберите в категориях Table.

    Откроется список доступных форматов визуализации.

    ../../_images/superset_settings-table.png
  3. Выберите Table.

  4. Нажмите кнопку Select.

    Содержание настроек изменится для таблицы.

  5. Настройки chart:

    1. Настройки раздела «Data»:

      1. Для Raw records:

        1. COLUMNS - все колонки, которые будут отображаться в таблице.

        2. FILTERS - при необходимости укажите фильтры для chart.

        3. ROW LIMIT - количество уникальных строк, которые будут отображаться в сhartе.

      2. Для Aggregate:

        1. DIMENSIONS - поля, по которым группируются данные.

        2. METRIC - метрика, которая рассчитывается для группы.

        3. PERCENTAGE METRICS - метрика, которая определяет какой % от общего числа по этой метрике занимает группа.

        4. FILTERS - при необходимости укажите фильтры для chart.

        5. SORT BY - поле сортировки.

        6. ROW LIMIT - количество уникальных строк, которые будут отображаться в сhart.

    2. Настройки раздела «Customize»:

      1. TIMESTAMP FORMAT - формат отображения даты и времени.

      2. PAGE LENGTH - количество элементов отображаемых на странице с пагинацией.

      3. CUSTOMIZE COLUMNS - настройки для каждой колонки.

      4. CONDITIONAL FORMATTING - настройки отображения по условию.

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

  1. В разделе «DATA» нажмите кнопку View all charts.

    ../../_images/superset_settings-data_charts.png

    Откроется модальное окно «Выбора типа визуализации».

  2. Выберите в категориях Part of Whole.

    Откроется список доступных форматов визуализации.

    ../../_images/superset_settings-part_of_whole.png
  3. Выберите Pie Chart.

  4. Нажмите кнопку Select.

    Содержание настроек изменится для круговой диаграммы.

  5. Настройки chart:

    1. Настройки раздела «Data»:

      1. DIMENSIONS - поля, по которым группируются данные.

      2. METRIC - метрика, которая рассчитывается для группы.

      3. FILTERS - при необходимости укажите фильтры для chart.

      4. ROW LIMIT - количество уникальных строк, которые будут отображаться в chart.

    2. Настройки раздела «Customize»:

      1. PERCENTAGE THRESHOLD - минимальное значение (в %) для отображения подписи группы на сhartе.

      2. Legend:

        1. SHOW LEGEND - отображение значений строк в графике в легенде.

        2. ORIENTATION - местоположение легенды.

        3. MARGIN - отступ от легенды.

      3. Labels:

        1. LABEL TYPE - формат отображения подписей для каждой строки.

        2. NUMBER FORMAT - формат отображения числовых данных.

        3. DATE FORMAT - формат отображения даты.

        4. SHOW LABELS - отображение подписей строк в графике.

        5. PUT LABELS OUTSIDE - отображение подписей внутри/вне диаграммы.

        6. LABEL LINE - отображение линии от подписи до части диаграммы.

        7. SHOW TOTAL - отображение общего значения по метрике.

      4. Pie shape:

        1. OUTER RADIUS - радиус диаграммы.

        2. DONUT - добавление внутреннего круга.

        3. INNER RADIUS - радиус внутреннего круга.

Сhart Смешанная диаграмма

  1. В разделе «DATA» нажмите кнопку View all charts.

    ../../_images/superset_settings-data_charts.png

    Откроется модальное окно «Выбора типа визуализации».

  2. Выберите в категориях Evolution.

    Откроется список доступных форматов визуализации.

    ../../_images/superset_settings-evolution.png
  3. Выберите Mixed Chart.

  4. Нажмите кнопку Select.

    Содержание настроек изменится для диаграммы.

  5. Настройки chart: 1. Настройки раздела «Data»:

    1. X-AXIS - поле, по которому группируются данные.

    2. TIME GRAIN - шаг дат.

    3. Query A/ Query B (два графика разных форматов).

      1. METRICS - метрики, которые рассчитываются для группы.

      2. DIMENSIONS - поля, по которым группируются данные.

      3. FILTERS - при необходимости укажите фильтры для chart.

      4. SERIES LIMIT - ограничение по количеству отображаемых категорий.

      5. SORT BY - поле сортировки.

      6. ROW LIMIT - количество уникальных строк, которые будут отображаться в сhartе.

    1. Настройки раздела «Customize»:

      1. Chart Options:

        1. Query A/ Query B (два графика разных форматов).

          1. SERIES TYPE - формат отображения.

Создание и настройка dashboard

Добавление фильтров в dashboard

  1. Перейдите на страницу dashboard.

  2. В разделе «Filters» нажмите кнопку Add/Edit Filters.

    ../../_images/superset_settings-add_filter.png

    Откроется модальное окно добавление фильтров.

    ../../_images/superset_settings-add_filter_page.png
  3. Выберите тип фильтра в FILTER TYPE:

    1. Value - выбор определенного или нескольких значений из списка.

    2. Numerical range - выбор промежутка для числовых значений.

    3. Time range - фильтр для поля даты.

    4. Time column - колонка даты.

    5. Time grain - шаг дат.

  4. Укажите название фильтра в FILTER NAME.

  5. Выберите датасет, к которому применяется фильтр в DATASET.

  6. Укажите атрибут, к которому применяется фильтр в COLUMN.

  7. При необходимости в разделе «Filter Settings» для указания значения по умолчанию выберите Filter has default value.

    ../../_images/superset_settings-default_data.png
  8. Для добавления следующего фильтра необходимо нажать на кнопку Add filters and dividers в левом верхнем углу открывшегося окна.

    ../../_images/superset_settings-add_filter_new.png

Добавление сhartов в dashboard

  1. Перейдите на страницу chart.

  2. Нажмите кнопку Edit dashboard.

  3. Выберите нужный сhart из списка CHARTS.

    ../../_images/superset_settings-dashboard_elements.png
  4. Перенесите сhart в поле dashboard.

    ../../_images/superset_settings-dashboard_add_chart.png
  5. Нажмите кнопку Save.

Добавление вкладок на dashboard

  1. Перейдите на страницу dashboard.

  2. Нажмите кнопку Edit dashboard.

  3. Выберите Tabs из списка Layout elements.

    ../../_images/superset_settings-dashboard_elements_layout.png
  4. Перенесите элемент в поле dashboard.

    ../../_images/superset_settings-dashboard_add_tab.png

    Примечание

    Можно добавлять вкладки внутрь других вкладок.

    ../../_images/superset_settings-dashboard_add_subtab.png
    ../../_images/superset_settings-dashboard_subtabs.png
  5. Нажмите кнопку Save.

Добавление текста на dashboard

  1. Перейдите на страницу dashboard.

  2. Нажмите кнопку Edit dashboard.

  3. Выберите Text из списка Layout elements.

  4. Перенесите элемент в поле dashboard.

    ../../_images/superset_settings-add_text.png
  5. Введите текст:

    # - заголовок

    ## - подзаголовок

    ### - подзаголовок

    text - текст

    ../../_images/superset_settings-text_format.png

Добавление стилей в dashboard

  1. Перейдите на страницу chart.

  2. Нажмите кнопку Edit dashboard.

  3. Нажмите «…».

    ../../_images/superset_settings-edit_dashboard_settings.png
  4. Выберите:

    1. Edit properties:

      ../../_images/superset_settings-edit_properties.png
      1. Заполните:

        1. NAME - название dashboard.

        2. OWNERS = доступность chart.

        3. COLOR SCHEME - цветовая схема.

      2. Нажмите APPLY.

    2. Edit CSS:

      ../../_images/superset_settings-edit_css.png
      1. Заполните поле с CSS кодом/загрузите код настроек.

      2. Закройте окно настроек.

Добавление разделителей chartов в dashboard

  1. Перейдите на страницу dashboard.

  2. Нажмите кнопку Edit dashboard.

  3. Откройте вкладку Layout elements.

    1. Row - разделитель для горизонтальной группировки элементов.

    2. Column - разделитель для вертикальной группировки элементов.

    3. Divider - визуальный разделитель контента в dashboard.

  4. Перенесите элемент в поле dashboard.