Siticone Logo
Siticone UI
DOCS
v2025.12.15
Docs ZX Halo Gauge

Siticone ZX Halo Gauge

The SiticoneZXHaloGauge is a sophisticated circular progress gauge that supports multi-stage color thresholds (Normal, Warning, Danger), smooth gradient transitions, and highly customizable tick marks. It is ideal for monitoring critical system metrics like temperature, pressure, or CPU usage where clear visual feedback is required.

Visual Appearance

Control the geometry, coloring, and visual style of the gauge arc.

PropertyTypeDescription
ArcStartAngleintStarting angle in degrees (default 150).
ArcSweepAngleintLength of the arc in degrees (default 240).
ArcThicknessintThickness of the progress bar in pixels.
InnerRadiusfloatSize of the inner empty space (0.1 - 0.95).
GaugeBackColorColorBackground color of the empty track.
UseGradientEffectboolEnables a gradient fill for the progress arc.
UseSmoothColorTransitionboolBlends colors between thresholds instead of hard switching.
ShowValueLabelboolShows the current value text in the center.
ValueFontFontFont used for the center value text.
UnitTextstringSuffix text displayed after the value (e.g. "°").

Thresholds & Colors

Define dynamic color changes based on value ranges.

PropertyTypeDescription
ValuefloatCurrent value. Triggers animation if EnableAnimation is true.
MinimumValuefloatStart of the scale.
MaximumValuefloatEnd of the scale.
NormalColorColorBase color (safe zone).
WarningColorColorColor used when value >= WarningThreshold.
DangerColorColorColor used when value >= DangerThreshold.
WarningThresholdfloatValue trigger for warning state.
DangerThresholdfloatValue trigger for danger state.

Ticks & Scale

Customize the measurement markings around the gauge.

PropertyTypeDescription
TickCountintTotal number of tick marks on the gauge.
MajorTickCountintNumber of ticks between major divisions.
MajorTickLengthfloatLength of the major tick lines.
MinorTickLengthfloatLength of the minor tick lines.
TickThicknessintStroke width of the ticks.
TickColorColorColor of the tick marks.
ShowTickLabelsboolDisplays numeric labels at major tick intervals.
LabelColorColorColor of the tick label text.
ShowMinMaxLabelsboolDisplays the min and max values at the ends of the arc.

Public Methods

Control Methods
// Set value with optional animation
haloGauge.SetValue(75, true);
// Increment/Decrement
haloGauge.AddValue(10, true);

// Reset to minimum
haloGauge.Reset();
// Custom Color Stops for Gradients
haloGauge.AddColorStop("Critical", Color.Purple);
haloGauge.RemoveColorStop("Critical");

Events

Event Hooks
haloGauge.ValueChanged += (s, e) => 
{
                Console.WriteLine($"Value: {e.NewValue}, Old: {e.OldValue}");
};

haloGauge.EnteredDangerZone += (s, e) =>
{
    lblStatus.Text = "DANGER!";
    lblStatus.ForeColor = Color.Red;
};

Example: Server Load Monitor

C# Setup
public void InitLoadGauge()
{
    haloGauge.MinimumValue = 0;
    haloGauge.MaximumValue = 100;
    
                // Thresholds
    haloGauge.WarningThreshold = 70;
    haloGauge.DangerThreshold = 90;
                // Colors
    haloGauge.NormalColor = Color.FromArgb(0, 192, 0);
                // Green
    haloGauge.WarningColor = Color.FromArgb(255, 192, 0);
                // Orange
    haloGauge.DangerColor = Color.Red;
    
                // Visuals
    haloGauge.UseSmoothColorTransition = true;
    haloGauge.UnitText = "%";
    haloGauge.ArcThickness = 20;
    haloGauge.ShowTickLabels = true;
}