Skip to main content

kendoRadialGauge

Namespace: Wisej.Web.Ext.Kendo

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

The Kendo UI RadialGauge widget enables users to quickly understand in what certain range a value lies.

public class kendoRadialGauge : kendoBase

Constructors​

Instance member kendoRadialGauge()​

Constructs a new instance of the kendoRadialGauge class.

Example:

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

var gauge = new kendoRadialGauge();
gauge.Options.pointer = new { value = 65 };
gauge.Options.scale = new { min = 0, max = 180, majorUnit = 20 };
gauge.Size = new Size(300, 300);
this.Controls.Add(gauge);

Instance member kendoRadialGauge(options)​

Constructs a new instance of the kendoRadialGauge class.

NameTypeDescription
optionsObjectInitial set of options.

Example:

The following example creates a radial gauge with colored ranges and then moves the pointer by calling the value function of the Kendo UI widget.

var gauge = new kendoRadialGauge(new
{
pointer = new { value = 65 },
scale = new
{
min = 0,
max = 180,
majorUnit = 20,
ranges = new[]
{
new { from = 120, to = 150, color = "#ffc700" },
new { from = 150, to = 180, color = "#c20000" }
}
}
});
gauge.Size = new Size(300, 300);
this.Controls.Add(gauge);

gauge.Instance.value(130);

Implements​