CircularGauge
Namespace: Wisej.Web.Ext.Syncfusion2
Assembly: Wisej.Web.Ext.Syncfusion2 (4.1.0.0)
The circular gauge control is ideal to visualize numeric values over a circular scale. All the circular gauge elements are rendered using Scalable Vector Graphics(SVG).
- C#
- VB.NET
public class CircularGauge : ej2Base
Public Class CircularGauge
Inherits ej2Base
Constructors
CircularGauge()
Constructs a new instance of the CircularGauge class.
Example:
The following example creates a circular gauge and configures its axis through the Options object.
var gauge = new CircularGauge();
gauge.Options.title = "Speed";
gauge.Options.axes = new[]
{
new { minimum = 0, maximum = 200, pointers = new[] { new { value = 85 } } }
};
this.Controls.Add(gauge);
CircularGauge(options)
Constructs a new instance of the CircularGauge class.
| Name | Type | Description |
|---|---|---|
| options | Object | Initial set of options. |
Example:
The following example creates a circular gauge with three colored ranges and then moves the pointer.
var gauge = new CircularGauge(new
{
title = "CPU Usage",
axes = new[]
{
new
{
minimum = 0,
maximum = 100,
pointers = new[] { new { value = 62 } },
ranges = new[]
{
new { start = 0, end = 60, color = "#30B32D" },
new { start = 60, end = 85, color = "#FFDD00" },
new { start = 85, end = 100, color = "#F03E3E" }
}
}
}
});
this.Controls.Add(gauge);
// set the value of the first pointer of the first axis.
gauge.Instance.setPointerValue(0, 0, 75);