Размещение представлений рядом

Чтобы расположить представления рядом, композиция представлений в Vega-Lite предоставляет следующие операторы объединения:

• hconcat — горизонтальное объединение;
• vconcat — вертикальное объединение;
• concat — объединение с переносом на новые строки.

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

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

• Горизонтальное размещение
  • Пример
• Вертикальное размещение
  • Пример
• Размещение с переносом строк
  • Пример
• Общие и независимые направляющие
• Настройка размещения

Горизонтальное размещение

hconcat принимает массив спецификаций и располагает их в один ряд:

{
  "hconcat": [
    ... // Спецификации представлений
  ],
  ...
}

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

Пример

Вертикальное размещение

vconcat располагает массив представлений одно под другим:

{
  "vconcat": [
    ... // Спецификации представлений
  ],
  ...
}

Помимо общих свойств спецификации представления, спецификация вертикального объединения имеет следующие свойства:

Пример

Размещение с переносом строк

concat принимает массив представлений, а columns ограничивает число диаграмм в одной строке:

{
  "concat": [
    ... // Спецификации представлений
  ],
  "columns": ...,
  ...
}

Помимо общих свойств спецификации представления, спецификация объединения с переносом строк имеет следующие свойства:

Пример

Общие и независимые направляющие

По умолчанию правила объединения для этой компоновки предусматривают независимые шкалы и оси позиционных каналов и общие шкалы и легенды всех остальных каналов. В настоящее время Vega-Lite не поддерживает общие оси для объединённых таким способом представлений.

Настройка размещения

// Спецификация представления верхнего уровня
{
  ...,
  "config": { // Объект конфигурации

    "concat": { // Конфигурация объединения
      "spacing": ...,
      "columns": ...,
    },
    ...
  }
}

Конфигурация объединения поддерживает следующие свойства: