Gauge | Custom Web Control | WinCC Unified & V8

Custom Web Control

About Gauge

The Gauge Custom Web Control is a high-performance circular visualization tool designed for modern industrial SCADA and HMI environments. It provides a clear, high-contrast representation of critical process variables, allowing operators to monitor system health at a glance. Built specifically for WinCC Unified and WinCC V8, this control integrates seamlessly into your automation workflow by binding directly to PLC tags.

Key Features

• Dynamic Arc Visualization: Features a fluid arc filling animation that responds instantly to changes in the gaugeValue property.
• Intelligent Event Triggers: The ThresholdExceeded event automatically fires when values transition between defined safety or warning zones, enabling proactive alarm management.
• Precision Scaling: Define exact operational ranges using the minValue and maxValue properties to match your specific sensor data.
• Operational Methods: Includes a built-in resetValue method to programmatically return the gauge to its baseline state.

Customization

This control offers extensive flexibility through its 8 configurable properties. Engineers can define the visual identity using backgroundColor and needleColor, while providing context through the gaugeLabel and unitText fields. The zones array allows for the creation of multi-colored scale segments, making it easy to distinguish between normal, warning, and critical operating ranges.

Use Cases

The Gauge is ideal for monitoring hydraulic pressure, motor RPM, tank levels, and temperature setpoints in manufacturing, water treatment, and energy management sectors.

Compatibility

Fully compatible with WinCC Unified (TIA Portal) and WinCC V8. The control is optimized for both desktop and mobile HMI panels.

💡 TIA Portal Reminder: Ensure the "Read only" option is unchecked in TIA Portal when linking tags to properties intended for bidirectional communication. This ensures the Custom Web Control can properly interact with your HMI tags.

⚠️ AI-Generated: This custom web control was generated using AI technology. Always perform comprehensive testing and validation in a staging environment before deploying to live production systems.

⚠️ AI-Generated: This custom web control was automatically generated using AI technology. It may contain errors or unexpected behavior. Users are responsible for testing and validating before using in production environments.