TimeLine
Namespace: Wisej.Web.Ext.Webix
Assembly: Wisej.Web.Ext.Webix (4.1.0.0)
TimeLine widget is designed for visualizing data in a chronological order and creating scalable infographics. You can customize every aspect of TimeLine to fit your purposes: change item text, add colors to labels and scale elements.
- C#
- VB.NET
public class TimeLine : wxBase
Public Class TimeLine
Inherits wxBase
Constructors
TimeLine()
Constructs a new instance of the TimeLine class.
Example:
The following example creates a timeline with the history of an order.
var timeline = new TimeLine();
timeline.Options.data = new[]
{
new { id = 1, value = "Order received", date = "2024-06-01" },
new { id = 2, value = "Payment confirmed", date = "2024-06-02" },
new { id = 3, value = "Order shipped", date = "2024-06-04" }
};
timeline.Dock = DockStyle.Fill;
this.Controls.Add(timeline);
TimeLine(options)
Constructs a new instance of the TimeLine class.
| Name | Type | Description |
|---|---|---|
| options | Object | Initial set of options. |
Example:
The following example creates a horizontal timeline; each item shows a title, a description and a date.
var timeline = new TimeLine(new
{
layout = "x",
data = new[]
{
new { id = 1, value = "Kick-off", details = "Project started", date = "2024-01-15" },
new { id = 2, value = "Beta", details = "First public beta", date = "2024-04-02" },
new { id = 3, value = "Release", details = "Version 1.0", date = "2024-06-20" }
}
});
timeline.Dock = DockStyle.Top;
timeline.Height = 200;
this.Controls.Add(timeline);