Skip to main content

ejCircularGauge

Namespace: Wisej.Web.Ext.Syncfusion

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

The CircularGauge control visualizes the numerical values of scales in a circular manner. It is also a feature-rich control that provides extensive appearance customization options with support for the animation of a pointer element.

public class ejCircularGauge : ejBase

Constructors​

Instance member ejCircularGauge()​

Constructs a new instance of the ejCircularGauge class with one scale and one pointer set to 0.

Example:

The following example creates the gauge and moves the pointer using the Value property.

var gauge = new ejCircularGauge();
gauge.Size = new Size(300, 300);
this.Controls.Add(gauge);

gauge.Value = 60;

Instance member ejCircularGauge(options)​

Constructs a new instance of the ejCircularGauge class.

NameTypeDescription
optionsObjectInitial set of options.

Example:

The following example creates a gauge with a scale from 0 to 200 and a pointer set to 80.

var gauge = new ejCircularGauge(new
{
scales = new[]
{
new
{
minimum = 0,
maximum = 200,
pointers = new[] { new { value = 80 } }
}
}
});
gauge.Size = new Size(300, 300);
this.Controls.Add(gauge);

Properties​

Instance member Value​

Int32: Specifies the value of the first pointer.

The property reads and writes the option scales[0].pointers[0].value and updates the widget when it is assigned. When the options do not define the first scale or its first pointer, the property returns 0 and the assigned value is ignored.

Example:

// the first pointer of the first scale must be defined in the options, which
// is always the case when the gauge is created using the default constructor.
this.gauge1.Value = 75;

Implements​