Штрих

// Спецификация одиночного представления
{
  "data": ... ,
  "mark": "tick",
  "encoding": ... ,
  ...
}

Примитив tick отображает каждую запись короткой линией. Он удобен для показа распределения значений поля.

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

Свойства штриха

Помимо общих свойств примитивов, штрих поддерживает:

Свойство Тип Описание
cornerRadius number, ExprRef Радиус скругления углов прямоугольников или дуг, в пикселях.

По умолчанию: 0.
orient Orientation Ориентация столбчатых диаграмм без укладки, штрихов, областей и линий: "horizontal" (по умолчанию) или "vertical".

• Для bar, rule и tick определяет, применяется ли размер столбца или штриха к измерению X или Y.
• Для area определяет свойство orient выходной спецификации Vega.
• Для line и trail определяет порядок сортировки точек линии, если не задано config.sortLineBy.

Для диаграмм с укладкой ориентация всегда определяется направлением укладки; явно заданное значение игнорируется.

Примеры

Точечная диаграмма

Штрихи показывают распределение осадков во времени:

Полосовая точечная диаграмма

Здесь штрихи показывают распределение мощности автомобилей:

Настройка штрихов

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

Свойство tick объекта config верхнего уровня задаёт стандартные свойства всех штрихов. Каналы свойств примитива переопределяют эти значения.

Помимо стандартных свойств конфигурации примитивов, конфигурация штрихов поддерживает дополнительные параметры:

Свойство Тип Описание
bandSize number Длина штрихов, неотрицательная.

По умолчанию: 3/4 шага (step ширины для горизонтальных штрихов и высоты для вертикальных).
thickness number Толщина штриха, неотрицательная.

По умолчанию: 1.

Пример настройки длины и толщины штриха