Skip to main content

dxLinearGauge

Namespace: Wisej.Web.Ext.DevExtreme

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

The LinearGauge is a widget that indicates values on a linear numeric scale.

public class dxLinearGauge : dxBase

Constructors​

Instance member dxLinearGauge()​

Constructs a new instance of the dxLinearGauge class.

Example:

The following example creates a vertical gauge that shows a fill level.

var gauge = new dxLinearGauge();
gauge.Options.scale = new { startValue = 0, endValue = 100, tickInterval = 25 };
gauge.Options.geometry = new { orientation = "vertical" };
gauge.Options.value = 42;
gauge.Size = new Size(120, 300);
this.Controls.Add(gauge);

Instance member dxLinearGauge(options)​

Constructs a new instance of the dxLinearGauge class.

NameTypeDescription
optionsObjectInitial set of options.

Example:

The following example creates a horizontal gauge with a range bar indicator and two secondary markers.

var gauge = new dxLinearGauge(new
{
scale = new { startValue = 0, endValue = 50, tickInterval = 10 },
valueIndicator = new { type = "rangeBar", color = "#483d8b" },
value = 24,
subvalues = new[] { 18, 43 }
});
gauge.Size = new Size(400, 120);
this.Controls.Add(gauge);

Implements​