Skip to main content

LinearGauge

Namespace: Wisej.Web.Ext.Syncfusion2

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

The Gauge control for Essential Studio displays numerical information in the form of a scale that can be customized and oriented either vertically or horizontally.

public class LinearGauge : ej2Base

Constructors​

Instance member LinearGauge()​

Constructs a new instance of the LinearGauge class.

Example:

The following example creates a horizontal linear gauge and configures its axis through the Options object.

var gauge = new LinearGauge();
gauge.Options.orientation = "Horizontal";
gauge.Options.axes = new[]
{
new { minimum = 0, maximum = 100, pointers = new[] { new { value = 40 } } }
};
this.Controls.Add(gauge);

Instance member LinearGauge(options)​

Constructs a new instance of the LinearGauge class.

NameTypeDescription
optionsObjectInitial set of options.

Example:

The following example creates a linear gauge with two colored ranges and then moves the pointer.

var gauge = new LinearGauge(new
{
title = "Temperature",
axes = new[]
{
new
{
minimum = 0,
maximum = 120,
pointers = new[] { new { value = 65 } },
ranges = new[]
{
new { start = 0, end = 80, color = "#30B32D" },
new { start = 80, end = 120, color = "#F03E3E" }
}
}
}
});
this.Controls.Add(gauge);

// set the value of the first pointer of the first axis.
gauge.Instance.setPointerValue(0, 0, 90);

Implements​