определяет вертикальную ось
webix.ui({
view:"chart",
...
yAxis:{
start:-10,
end:10,
step:2,
title:"Sales"
},
origin:0
});
Это свойство применимо только к диаграммам типа bar, line, area, scatter, radar. Все атрибуты указывать необязательно.
Доступный набор атрибутов зависит от типа диаграммы:
start | (number) минимальное значение шкалы | bar, stackedBar, line, spline, area, stackedArea, scatter, barH, stackedBarH, radar |
end | (number) максимальное значение шкалы | bar, stackedBar, line, spline, area, stackedArea, scatter, barH, stackedBarH, radar |
step | (number) шаг шкалы | bar, stackedBar, line, spline, area, stackedArea, scatter, barH, stackedBarH, radar |
template | (string,function) вид и содержимое подписей к насечкам на шкале | bar, stackedBar, line, spline, area, stackedArea, scatter, barH, stackedBarH, radar |
title | (string) подпись для оси | bar, stackedBar, line, spline, area, stackedArea, scatter, barH, stackedBarH |
lines | (boolean,function) включает/отключает горизонтальные линии на диаграмме (значение по умолчанию зависит от типа диаграммы) | bar, stackedBar, line, spline, area, stackedArea, scatter, barH, stackedBarH, radar |
lineColor | (string,function) цвет линий на диаграмме (работает, если lines:true) (по умолчанию "#edeff0") |
bar, stackedBar, line, spline, area, stackedArea, scatter, barH, stackedBarH, radar |
color | (string) цвет линии оси (по умолчанию "#edeff0") | bar, stackedBar, line, spline, area, stackedArea, scatter, barH, stackedBarH |
lineShape | ("arc" or "line") тип линий (прямая или дуга) (по умолчанию "line") |
radar |
bg | (string,function) цвет фона (по умолчанию "#ffffff") |
radar |
Если атрибуты end, start и step не заданы, они будут рассчитаны автоматически.
Однако вы можете контролировать минимальное значение шкалы, используя свойство origin. Например, если вы установите origin:0, шкала начнется с '0', даже если минимальное значение в наборе данных больше.
Заданное как функция, 'template' вызывается для каждого элемента шкалы и в качестве параметра получает числовое значение элемента.
template: function(value){
return value%10 ? "" : value;
}
Заданное как функция, свойство позволяет управлять видимостью линий. Мы рекомендуем скрывать часть линий, если у вас много элементов и вы не хотите, чтобы диаграмма выглядела перегруженной.
Заданное как функция, 'lines' вызывается для каждого элемента шкалы диаграммы и в качестве параметра получает индекс элемента. Функция должна возвращать true (показать линию) или false (скрыть линию).
lines: function(index){
return index%2 ? false : true; // скрывает четные линии
}
Заданное как функция, свойство позволяет вам задавать разные цвета для линий.
Заданное как функция, 'lineColor' вызывается для каждого элемента шкалы диаграммы и в качестве параметра получает индекс элемента. Функция должна вернуть строку с цветом (название или код).
lineColor: function(index){
return index%2 ? "#e9eef9" : "#f3f7ff";
// нечетные и четные линии разных цветов
}
Заданное как функция, 'bg' вызывается для каждого элемента шкалы диаграммы и получает 2 параметра: индекс элемента оси y и индекс элемента оси x.
bg: function(yIndex, xIndex){
return yIndex%2 ? "#e9eef9" : "#f3f7ff";
}