Укладка данных

Укладка (stack) размещает значения разных групп одно поверх другого. В Vega-Lite её можно настроить свойством stack в определении поля канала или преобразованием stack в массиве transform.

Содержание страницы

• Укладка в канале кодирования
  • Столбчатая диаграмма с укладкой
  • Диаграмма областей с укладкой
  • Нормированная укладка
  • Потоковая диаграмма
  • Наложенные столбцы
  • Расходящаяся укладка с отрицательными значениями
  • Порядок групп в укладке
  • Линии поверх нормированных областей
• Преобразование stack
  • Расходящаяся столбчатая диаграмма
  • Мозаичная диаграмма

Укладка в канале кодирования

// Спецификация одиночного представления или слоя
{
  ...,
  "mark/layer": ...,
  "encoding": {     // Кодирование
    "x" or "y": {
      "field": ...,
      "type": "quantitative",
      "stack": ..., // Укладка
      ...
    },
    ...
  },
  ...
}

Свойство stack в определении поля положения задаёт тип смещения, если поле нужно укладывать.

Столбчатая диаграмма с укладкой

Если добавить поле цвета к столбчатой диаграмме, Vega-Lite по умолчанию создаёт укладку:

Диаграмма областей с укладкой

То же происходит с областями, различаемыми по цвету:

Нормированная укладка

stack: "normalize" показывает долю каждой группы в общей сумме столбца или области:

Потоковая диаграмма

stack: "center" располагает области вокруг общей середины:

Наложенные столбцы

При stack: null столбцы накладываются. Полупрозрачность opacity: 0.6 позволяет различить слои:

Расходящаяся укладка с отрицательными значениями

Укладка также работает с отрицательными значениями и размещает их по другую сторону от нуля:

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

Порядок групп в укладке

Канал order меняет порядок расположения цветовых групп. Исходный пример для набора данных о ячмене:

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

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

Для собственного порядка можно создать поле преобразованием calculate и сортировать по нему. Здесь «University Farm» и «Grand Rapids» получают первый (0) и второй порядковые номера:

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

Линии поверх нормированных областей

Линейные примитивы по умолчанию не укладываются. Чтобы совместить их с диаграммой областей, настройте для линий такое же смещение stack вручную:

Преобразование stack

// Любая спецификация представления
{
  ...,
  "transform": [
    // Преобразование укладки
    {
      "stack": ...,
      "groupby": ...,
      "offset": ...,
      "sort": ...,
      "as": ...
    },
    ...
  ],
  ...
}

Здесь та же нормированная столбчатая диаграмма поля "population", сгруппированная по "age" и окрашенная по "gender", построена через свойство stack в массиве transform:

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

Расходящаяся столбчатая диаграмма

Сначала значения укладываются по question, затем преобразование window сдвигает каждую стопку:

Мозаичная диаграмма

Укладка применяется дважды — по каждой оси — вместе с оконным преобразованием:

Чтобы добавить подписи к этой диаграмме, см. пример мозаичной диаграммы с подписями.