Skip to main content

kendoDiagram

Namespace: Wisej.Web.Ext.Kendo

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

The Diagram represents information in a schematic way and according to particular visualization techniques.

public class kendoDiagram : kendoBase

Constructors​

Instance member kendoDiagram()​

Constructs a new instance of the kendoDiagram class.

Example:

The following example creates a diagram and adds two connected shapes through the Options property.

var diagram = new kendoDiagram();
diagram.Options.shapes = new object[]
{
new { id = "1", x = 50, y = 50, content = new { text = "Order" } },
new { id = "2", x = 300, y = 50, content = new { text = "Invoice" } }
};
diagram.Options.connections = new object[]
{
new { from = "1", to = "2" }
};
diagram.Dock = DockStyle.Fill;
this.Controls.Add(diagram);

Instance member kendoDiagram(options)​

Constructs a new instance of the kendoDiagram class.

NameTypeDescription
optionsObjectInitial set of options.

Example:

The following example creates a read-only diagram with three shapes of the same size connected in sequence.

var diagram = new kendoDiagram(new
{
editable = false,
shapeDefaults = new { width = 120, height = 50 },
shapes = new object[]
{
new { id = "draft", x = 40, y = 40, content = new { text = "Draft" } },
new { id = "review", x = 240, y = 40, content = new { text = "Review" } },
new { id = "approved", x = 440, y = 40, content = new { text = "Approved" } }
},
connections = new object[]
{
new { from = "draft", to = "review" },
new { from = "review", to = "approved" }
}
});
diagram.Dock = DockStyle.Fill;
this.Controls.Add(diagram);

Implements​