yAxis

определяет вертикальную ось

object yAxis;

Example

webix.ui({
    view:"chart",
    ...
    yAxis:{
        start:-10,
        end:10,
        step:2,
        title:"Sales"
    },
    origin:0
});

Related samples

Details

Это свойство применимо только к диаграммам типа bar, line, area, scatter, radar. Все атрибуты указывать необязательно.


Доступный набор атрибутов зависит от типа диаграммы:

Если атрибуты end, start и step не заданы, они будут рассчитаны автоматически.
Однако вы можете контролировать минимальное значение шкалы, используя свойство origin. Например, если вы установите origin:0, шкала начнется с '0', даже если минимальное значение в наборе данных больше.

Атрибут 'template', заданный как функция

Заданное как функция, 'template' вызывается для каждого элемента шкалы и в качестве параметра получает числовое значение элемента.

template: function(value){
    return value%10 ? "" : value;
}

Атрибут 'lines', заданный как функция

Заданное как функция, свойство позволяет управлять видимостью линий. Мы рекомендуем скрывать часть линий, если у вас много элементов и вы не хотите, чтобы диаграмма выглядела перегруженной.

Заданное как функция, 'lines' вызывается для каждого элемента шкалы диаграммы и в качестве параметра получает индекс элемента. Функция должна возвращать true (показать линию) или false (скрыть линию).

lines: function(index){
    return index%2 ? false : true; // скрывает четные линии
}

Атрибут 'lineColor', заданный как функция

Заданное как функция, свойство позволяет вам задавать разные цвета для линий.

Заданное как функция, 'lineColor' вызывается для каждого элемента шкалы диаграммы и в качестве параметра получает индекс элемента. Функция должна вернуть строку с цветом (название или код).

lineColor: function(index){
    return index%2 ? "#e9eef9" : "#f3f7ff";
    // нечетные и четные линии разных цветов
}

Атрибут 'bg', заданный как функция

Заданное как функция, 'bg' вызывается для каждого элемента шкалы диаграммы и получает 2 параметра: индекс элемента оси y и индекс элемента оси x.

bg: function(yIndex, xIndex){
    return yIndex%2 ? "#e9eef9" : "#f3f7ff";
}
See also
Наверх
If you have not checked yet, be sure to visit site of our main product Webix lightweight js framework and page of javascript graph visualization product.