legend

задает легенду для диаграммы

object legend;

Example

webix.ui({
    view:"chart",
    ...
    legend:{
        width:90,
        values:[
            {text:"Type A",color:"#58dccd"},
            {text:"Type B",color:"#a7ee70"}
        ],
        align:"right"
    }
});

Related samples

Details

Доступные атрибуты свойства:

width	(number) ширина легенды (по умолчанию 150)
height	(number) высота элемента легенды (по умолчанию 18)
layout	('x' или 'y') определяет, должны ли элементы быть размещены вертикально или горизонтально (по умолчанию y)
align	('left', 'right', 'center') горизонтальное выравнивание содержимого легенды (по умолчанию "left")
valign	('top', 'bottom, 'middle') вертикальное выравнивание содержимого легенды (по умолчанию 'bottom')
margin	(number) задает margin для всех сторон (по умолчанию 4)
padding	(number) задает padding для всех сторон (по умолчанию 3)
template	(string) определяет вид и содержимое элементов легенды. Задается для всех элементов диаграммы. Если вы не хотите показывать все элементы, определите values (детали ниже)
toggle	(boolean) включает/отключает возможность скрыть/показать диаграмму (серию), нажав на элемент легенды. Для всех диаграмм, кроме Stacked Vertical Bar, Stacked Horizontal Bar и Stacked Area, значением по умолчанию будет true (для этих трех - false).
values	(array) массив объектов, каждый из которых задает отдельный элемент легенды. Заменяет свойство template. У объектов в values могут быть следующие атрибуты: text - (string) текст элемента color - (string,function) цвет элемента. Если определено функцией, принимает в качестве параметра объект данных. markerType - тип маркера ('square' (по умолчанию), 'round', 'item'). Если выбрать 'item', у маркера легенды будет тот же темплейт, что и у элементов диаграммы. toggle - (boolean) включает/отключает возможность скрыть/показать диаграмму (серию), нажав на элемент легенды
marker	(object) объект, который определяет маркеры элементов в легенде. У marker могут быть следующие атрибуты: type - ('square', 'round' или 'item') тип маркера (по умолчанию 'square'). Если вы выберете 'item', маркер легенды будет использовать тот же темплейт, что и элементы диаграммы. width - (number) ширина маркера (по умолчанию 15) height - (number) высота маркера (по умолчанию 15) radius - (number) радиус маркера (по умолчанию 3)