Skip to main content

jSequence

The jSequence Diagram extension component turns text sequences into cool UML diagrams and detects clicks on any diagram element.

jSequence Source Code

Features​

Code Example​

Wisej.Web.Ext.jSequence.Sequence sequence1 = new Wisej.Web.Ext.jSequence.Sequence();
sequence1.UML = "Andrew->China: Says Hello \r\nNote right of China: China thinks\\nabout it\r\nChina-->" +
"Andrew: How are you?\r\nAndrew->>China: I am good thanks!";
sequence1.Size = new System.Drawing.Size(379, 356);
this.Controls.Add(sequence1);

This creates a Sequence object and sets the UML so that it will look like the picture above. The Size is set so that the whole diagram will appear and not be cut off.

How to Use​

The jSequence extension can be added to a Wisej.NET project using NuGet Package Manager.

https://www.nuget.org/packages/Wisej-3-jSequence

Use the UML property to define your diagram following this syntax:
https://github.com/bramp/js-sequence-diagrams/blob/master/src/grammar.jison

Set a Theme and use GetImage(Async) to return the contents as an image.
Clicking on an element fires the ElementClicked event.

info

Find more information in our JSequence example in C# or in VB.NET.