Компонент 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
Ссылка на ресурс