Skip to main content

TreeMap

Namespace: Wisej.Web.Ext.Webix

Assembly: Wisej.Web.Ext.Webix (4.1.0.0)

UI-related TreeMap inherits from view and allows visualizing hierarchical structures in a space-limited way - as a set of nested rectangles. It takes most part of API from TreeStore.

public class TreeMap : wxBase

Constructors​

Instance member TreeMap()​

Constructs a new instance of the TreeMap class.

Example:

The following example creates a tree map; the value option defines the field that determines the area of each rectangle.

var map = new TreeMap();
map.Options.value = "#value#";
map.Options.template = "#label#";
map.Options.data = new[]
{
new
{
id = "1",
label = "Technology",
data = new[]
{
new { id = "1.1", label = "Hardware", value = 50 },
new { id = "1.2", label = "Software", value = 30 }
}
}
};
map.Dock = DockStyle.Fill;
this.Controls.Add(map);

Instance member TreeMap(options)​

Constructs a new instance of the TreeMap class.

NameTypeDescription
optionsObjectInitial set of options.

Example:

The following example creates a tree map with two groups passing the templates and the hierarchical data to the constructor.

var map = new TreeMap(new
{
value = "#value#",
template = "#label#",
data = new[]
{
new { id = "1", label = "Europe", data = new[] { new { id = "1.1", label = "Germany", value = 83 } } },
new { id = "2", label = "Asia", data = new[] { new { id = "2.1", label = "Japan", value = 125 } } }
}
});
map.Dock = DockStyle.Fill;
this.Controls.Add(map);

Implements​