Компонент Meander

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

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

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

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

{
  "name": "meander",
  "sector": "leftCentral",
  "layerZ": 2,
  "settings": {...}
},
Свойство Тип Значение поумолчанию Описание
sector string "leftCentral" Сектор, в котором будет распологаться компонент meander.
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 0 Смещение по оси Y в пикселях.

Свойство meanderGlyph

Определяет визуальные параметры отображения глифа меандра.

Свойство Тип Значение поумолчанию Описание
width number 16 Ширина меандра (в пикселях).
lineWidth number 1 Толщина линий (в пикселях).
widthTop number 6 Ширина шапки меандра (в пикселях).
color string #808080FF Цвет меандра в формате RGBA или HEXA.

Для корректного отображения глифа значение width должно быть больше widthTop

Пример

Код примера

Доступ к содержимому по ссылке возможен только для авторизованных пользователей GitHub, являющихся участниками организации IncartDev
Ссылка на ресурс

Предыдущая
Следующая