ui.treemap

Since 3.1

Компонент для компактной визуализации сложных иерархических данных.

Компонент используется для компактного представления больших иерархических данных. Отношения между элементами данных отображаются с помощью соотношения размеров прямоугольников или градации их цветов. Treemap также позволяет показывать только данные одного уровня. Подробнее читайте в описательной документации treemap.

Инициализация

var treemap = webix.ui({
    view:"treemap",
    select: true,
    template: function(item){
        return item.label||"";
    },
    value: "#value#",
    data: [
        { id:"1", label: "Technology", data:[
            { id:"1.1", value:"50" },
            { id:"1.2", value:"30" },
            { id:"1.3", value:"20" }
        ]},
        { id:"2", label: "Healthcare", data:[
            { id:"2.1", value:"80" },
            { id:"2.2", value:"10" },
            { id:"2.3", value:"60" }
        ]}        
    ]
});

С чего начать

• Обзор компонента Treemap
• Примеры