Bar Chart with individual targets | Custom Web Control | WinCC Unified & V8

Custom Web Control

About Bar Chart with individual targets

The Bar Chart with individual targets is a high-performance Custom Web Control (CWC) engineered specifically for industrial process monitoring. It provides a clear, high-visibility visualization of production metrics, allowing operators to compare real-time values against specific setpoints using integrated target baseline markers. This control is optimized for WinCC Unified and WinCC V8 environments, ensuring seamless integration into modern SCADA dashboards.

Key Features

• Target Baseline Visualization: Each data bar includes a dedicated marker to represent individual goals or limits, enabling instant performance assessment.
• Interactive Data Tracking: Built-in tooltips provide precise readouts for both current values and targets, with customizable labels via the tooltipValueLabel and tooltipTargetLabel properties.
• Dynamic Scaling: The yAxisMax property allows for manual or tag-based scaling of the vertical axis to accommodate varying process ranges.
• Event-Driven Interaction: The BarClicked event enables navigation or detailed diagnostic pop-ups when an operator selects a specific category.

Customization

The control offers extensive styling options to match your corporate HMI standards. You can define the backgroundColor, adjust the barWidth for optimal spacing, and toggle horizontal grid lines using the showGrid and gridColor properties. The positiveColor property ensures that your primary data bars stand out against the industrial dark-mode background.

Use Cases

• Production Monitoring: Comparing actual output against hourly or daily targets across multiple production lines.
• Energy Management: Tracking consumption levels against predefined efficiency baselines.
• Inventory Levels: Visualizing current stock levels relative to minimum safety stock requirements.

Compatibility

This control is fully compatible with WinCC Unified (TIA Portal) and WinCC V8. It supports programmatic control through the refreshChart and clearData methods for advanced scripting scenarios.

💡 TIA Portal Reminder: Remember to uncheck the "Read only" option in TIA Portal when linking a tag to a property that needs to be written from the Custom Web Control. If you do not, the CWC will only be able to read the HMI tags and not write to them.

⚠️ AI-Generated: This custom web control was automatically generated using AI. Please test and validate its performance and security before deploying in production environments.

⚠️ 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.