Grouped Bar Chart | Custom Web Control | WinCC Unified & V8

Custom Web Control

About Grouped Bar Chart

The Grouped Bar Chart is a professional-grade Custom Web Control designed for high-performance data visualization within WinCC Unified and WinCC V8 environments. This control enables operators to compare multiple process parameters side-by-side over specific time intervals, providing a clear visual representation of historical trends and operational performance.

Key Features

• Interactive Sidebar: Features a dedicated parameter selection panel with a customizable sidebarTitle and searchPlaceholder for rapid data filtering.
• Dynamic Date Range: Integrated date filtering using startDate and endDate properties allows for precise analysis of historical data sets.
• Event-Driven Architecture: Includes built-in events such as ParameterToggled and DateRangeChanged to trigger external logic or script execution when user interaction occurs.
• Robust Data Handling: Efficiently renders complex datasets via the chartData JSON string property, with a configurable noDataMessage for empty states.

Customization

The control offers 10 adjustable properties to ensure seamless integration into your existing HMI style. Engineers can define the backgroundColor to match corporate standards and manage the parameterList to assign specific colors and initial visibility states to different process variables. User interface labels, including selectAllText and clearAllText, are fully configurable to support localized operator requirements.

Use Cases

This control is ideal for energy management dashboards comparing consumption across different lines, production throughput analysis, and environmental monitoring where multiple sensor readings must be evaluated over daily or weekly shifts.

Compatibility

Fully compatible with WinCC Unified (TIA Portal) and WinCC V8. The control supports programmatic control through methods like refreshChart and setSelectedParameters 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 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.