Компонент Sweep

Визуальный компонент, отображающий масштаб времени (развёртку) по оси X.

Компонент sweep автоматически обновляет отображаемую шкалу при изменении масштаба графика, обеспечивая актуальное представление временных значений по оси X

Компонент sweep может использоваться в графиках, работающих как с online-, так и с offline-типами данных.

Объявление компонента `sweep`

{
  "name": "sweep",
  "sector": "leftCentral",
  "layerZ": 2,
  "settings": {...}
},

Свойство	Тип	Значение поумолчанию	Описание
`sector`	string	"leftCentral"	Сектор, в котором будет распологаться компонент `sweep`.
`layerZ`	number	2	Определяет положение компонента по оси Z. Перекрывающие элементы с большим значением `layerZ` будут накладываться поверх элементов с меньшим `layerZ`.

Настройки

Свойство `position`

Устанавливает начальную позицию элемента.

{
  "settings": {
    "position": {
      "axisX": "rightToLeft",
      "axisY": "bottomToTop",
    }
  }
}

Например, при значениях axisX: "rightToLeft" и axisY: "bottomToTop" элемент будет размещён в правом нижнем углу графика.

Свойство	Тип	Значение поумолчанию	Описание
`axisX`	string	"rightToLeft"	Направление привязки по оси X: `leftToRight` или `rightToLeft`.
`axisY`	string	"bottomToTop"	Направление привязки по оси Y: `topToBottom` или `bottomToTop`.

Свойство `offset`

Определяет смещение элемента относительно заданной позиции position.

{
  "settings": {
    "offset": {
      "x": 0,
      "y": 0
    },
  }
}

Свойство	Тип	Значение поумолчанию	Описание
`x`	number	0	Смещение по оси X в пикселях.
`y`	number	10	Смещение по оси Y в пикселях.

Свойство `label`

Устанавливает стиль отображаемого масштаба.

{
  "settings": {
    "label": {
      "color": "#808080",
      "alignment": "left",
      "fontFamily": "Roboto",
      "fontSize": "12px"
    },
  }
}

Название	Тип	Значение поумолчанию	Описание
`color`	string	#808080ff	Цвет текста масштаба в формате RGBA или HEXA.
`alignment`	string	right	Выравнивание текста. Если компоненты sweep и meander имеют одинаковую `position`, выравнивание определяет, с какой стороны от глифа будет размещаться подпись.
`fontFamily`	string	"Roboto"	Шрифт подписи.
`fontSize`	string	"16px"	Размер шрифта.

Пример

Код примера

Была ли статья полезна?

meander

marks

Компонент Sweep

Объявление компонента sweep