Siticone Gauge Zone
The SiticoneGaugeZone is a linear, zone-based gauge control that visualizes data across multiple colored segments (e.g., Low, Medium, High).
It is perfect for dashboards that need to show status ranges (like server load or temperature zones) in a horizontal layout.
It supports animations, gradients, and interactive tooltips.
Zone Configuration
Define the value ranges and appearance for each segment of the gauge.
| Method | Description |
|---|---|
AddSection | Adds a new colored zone defined by start and end values. |
RemoveSection | Removes an existing zone section. |
ClearSections | Removes all zones from the gauge. |
Visual Appearance
Customize the overall look, colors, and layout.
| Property | Type | Description |
|---|---|---|
Theme | Enum | Predefined visual themes (e.g., Modern, Neon, Industrial). |
GaugeHeight | int | Height of the gauge bar in pixels. |
CornerRadius | int | Rounding of the gauge corners. |
ZoneGap | int | Spacing between adjacent zones. |
UseGradient | bool | Enables gradient fills for zones. |
GaugeBackColor | Color | Background color of the control. |
Values & Interaction
Control data input and user interaction.
| Property | Type | Description |
|---|---|---|
Value | double | Current value. Triggers animation if enabled. |
MinValue | double | Scale minimum. |
MaxValue | double | Scale maximum. |
InteractiveMode | bool | Allows changing the value by clicking on the gauge. |
ShowTooltip | bool | Displays value tooltip on hover. |
Visual Effects
Advanced rendering options.
| Property | Type | Description |
|---|---|---|
EnableShadow | bool | Adds a drop shadow to the gauge bar. |
EnableGlow | bool | Adds a glow effect to the zones. |
Use3DEffect | bool | Enables 3D rendering (rims, bevels). |
AnimateValue | bool | Enables smooth transitions for value changes. |
Public Methods
// Add a zone
zoneGauge.AddSection(new GaugeSection(0, 50, Color.Green));
// Set Value with animation
zoneGauge.AnimateToValue(75);
// Manual Reset
zoneGauge.ResetValue();
Events
zoneGauge.ValueChanged += (s, e) =>
{
Console.WriteLine("Value updated!");
};
zoneGauge.AnimationCompleted += (s, e) =>
{
Console.WriteLine("Animation finished.");
};
Example: Server Status
public void InitStatusGauge()
{
zoneGauge.MinValue = 0;
zoneGauge.MaxValue = 100;
zoneGauge.Title = "CPU Load";
// Zones
zoneGauge.ClearSections();
zoneGauge.AddSection(new GaugeSection(0, 60, Color.Green));
zoneGauge.AddSection(new GaugeSection(60, 85, Color.Orange));
zoneGauge.AddSection(new GaugeSection(85, 100, Color.Red));
// Styling
zoneGauge.Theme = GaugeTheme.Modern;
zoneGauge.GaugeHeight = 30;
zoneGauge.CornerRadius = 15;
// Interaction
zoneGauge.ShowTooltip = true;
zoneGauge.InteractiveMode = false;
// Display only
}
Export & Import
The control supports saving its entire configuration to JSON, with optional AES-256 encryption. Right-click the control at runtime to access the saving features.