dxCircularGauge
Namespace: Wisej.Web.Ext.DevExtreme
Assembly: Wisej.Web.Ext.DevExtreme (4.1.0.0)
The CircularGauge is a widget that indicates values on a circular numeric scale.
- C#
- VB.NET
public class dxCircularGauge : dxBase
Public Class dxCircularGauge
Inherits dxBase
Constructors
dxCircularGauge()
Constructs a new instance of the dxCircularGauge class.
Example:
The following example creates a speedometer and later moves the needle by changing the value option.
var gauge = new dxCircularGauge();
gauge.Options.scale = new { startValue = 0, endValue = 200, tickInterval = 20 };
gauge.Options.value = 85;
gauge.Size = new Size(300, 300);
this.Controls.Add(gauge);
// update the indicator.
gauge.Options.value = 120;
dxCircularGauge(options)
Constructs a new instance of the dxCircularGauge class.
| Name | Type | Description |
|---|---|---|
| options | Object | Initial set of options. |
Example:
The following example creates a temperature gauge with colored ranges.
var gauge = new dxCircularGauge(new
{
scale = new { startValue = 0, endValue = 120, tickInterval = 20 },
rangeContainer = new
{
ranges = new[]
{
new { startValue = 0, endValue = 80, color = "#77dd77" },
new { startValue = 80, endValue = 120, color = "#ff6961" }
}
},
value = 72,
title = new { text = "Engine temperature" }
});
gauge.Size = new Size(300, 300);
this.Controls.Add(gauge);