Skip to main content

igSparkline

Namespace: Wisej.Web.Ext.Ignite

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

The igSparkline is a data-intense, design-simple control that allows end users to spot trends, variations and patterns in data in a clear and compact representation.

public class igSparkline : igBase

Constructors​

Instance member igSparkline()​

Constructs a new instance of the igSparkline class.

Example:

The following example creates a sparkline and configures it through the Options object.

var sparkline = new igSparkline();
sparkline.Options.dataSource = dailyOrders;
sparkline.Options.valueMemberPath = "Total";
sparkline.Options.displayType = "area";
sparkline.Size = new Size(250, 60);
this.Controls.Add(sparkline);

Instance member igSparkline(options)​

Constructs a new instance of the igSparkline class using the specified options.

NameTypeDescription
optionsObjectInitial set of options passed to the igSparkline widget: an anonymous object, a JSON string or a dynamic object.

Example:

The following example creates a line sparkline that marks the highest and the lowest values.

var sparkline = new igSparkline(new
{
dataSource = new[]
{
new { Day = "Mon", Total = 14 },
new { Day = "Tue", Total = 22 },
new { Day = "Wed", Total = 9 },
new { Day = "Thu", Total = 31 }
},
valueMemberPath = "Total",
labelMemberPath = "Day",
displayType = "line",
highMarkerVisibility = "visible",
lowMarkerVisibility = "visible"
});
sparkline.Size = new Size(250, 60);
this.Controls.Add(sparkline);

Implements​