Bar Chart with Limits | Custom Web Control | WinCC Unified & V8

Custom Web Control

About Bar Chart with Limits

The Bar Chart with Limits is a high-performance Custom Web Control (CWC) engineered for WinCC Unified and WinCC V8 environments. It provides a sophisticated visualization layer for production metrics, allowing operators to monitor real-time data trends with immediate visual feedback through dynamic threshold-based color transitions.

Key Features

• Dynamic Visual Feedback: Bars automatically change color based on the warningThreshold and alarmThreshold values, ensuring critical deviations are noticed instantly.
• Smooth Animations: Features high-frequency growth animations and responsive resizing for a modern, fluid user experience on any screen size.
• Interactive Data Exploration: Integrated tooltips and the OnBarClicked event allow operators to drill down into specific data points and trigger HMI actions.
• Professional Aesthetics: Utilizes customizable gradients (normalColorStart and normalColorEnd) and a clean industrial dark-mode design.

Customization

This control offers 13 configurable properties for deep integration. Engineers can define the visual environment using backgroundColor and showGrid, while managing scales via yAxisMax. Text elements like title, subtitle, and unit are fully bindable to PLC tags, allowing for dynamic labeling based on the current process context. Color states for warningColor and alarmColor can be adjusted to match corporate safety standards.

Use Cases

• Production Throughput: Monitoring hourly output against shift targets.
• Resource Consumption: Visualizing energy or water usage with clear limit indicators.
• Quality Control: Tracking batch parameters where exceeding specific limits requires immediate operator intervention.

Compatibility

Fully compatible with WinCC Unified (TIA Portal) and WinCC V8. The control supports methods like refreshChart for manual updates and clearData for session resets.

💡 TIA Portal Reminder: Ensure the "Read only" option is unchecked in TIA Portal when linking tags to properties intended for bidirectional communication to enable full interactivity.

⚠️ AI-Generated: This custom web control was generated using AI technology. It is recommended to perform thorough validation and testing within a staging environment before deployment in 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.