Skip to main content

igRadialGauge

Namespace: Wisej.Web.Ext.Ignite

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

The igRadialGauge control can display a gauge with visual elements including a scale with tick marks and labels, a needle, and a number of ranges.

public class igRadialGauge : igBase

Constructors​

Instance member igRadialGauge()​

Constructs a new instance of the igRadialGauge class.

Example:

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

var gauge = new igRadialGauge();
gauge.Options.minimumValue = 0;
gauge.Options.maximumValue = 200;
gauge.Options.value = 120;
gauge.Size = new Size(300, 300);
this.Controls.Add(gauge);

Instance member igRadialGauge(options)​

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

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

Example:

The following example creates a speedometer with a red range at the end of the scale, and later moves the needle by changing the value option.

var gauge = new igRadialGauge(new
{
minimumValue = 0,
maximumValue = 200,
interval = 20,
value = 120,
ranges = new[]
{
new { name = "danger", startValue = 160, endValue = 200, brush = "#C62828" }
}
});
gauge.Size = new Size(300, 300);
this.Controls.Add(gauge);

// later, i.e. in a timer tick handler.
gauge.Options.value = 150;

Implements​