Made with the HMIx AI Generator
This resource was created with AI on ai.hmix.tech. Describe what you need and generate your own HMI controls in minutes — free.
Custom Web Control
About KPI Card with line chart
The KPI Card with line chart is a high-performance Custom Web Control designed for industrial SCADA and HMI applications. This component provides a high-visibility data interface that displays a primary numerical value overlaid on a background sparkline trend, allowing operators to monitor both instantaneous values and historical process behavior at a glance. It is fully compatible with WinCC Unified (TIA Portal) and WinCC V8, offering seamless integration into modern industrial dashboards.
Key Features
- Dynamic Trend Visualization: The background sparkline automatically updates as the currentValue changes, providing immediate context for process fluctuations.
- Intelligent Alerting: Features a built-in threshold monitoring system that triggers the ThresholdExceeded event and dynamically switches the UI from themeColor to alertColor for instant visual notification.
- Data Management: Control the granularity of your history with the maxPoints property and utilize the resetTrend method to clear the buffer during process changeovers.
- Precision Display: Customize numerical output using the decimalPlaces property to ensure data is presented with the required engineering accuracy.
Customization
The control offers 10 configurable properties for complete flexibility. Engineers can define the label and unit for clear identification, toggle the showTrend boolean to simplify the view, and adjust the backgroundColor to match corporate design standards. All properties are bindable to PLC tags for real-time responsiveness.
Use Cases
This control is ideal for monitoring critical process variables such as motor speed, tank levels, or pipeline pressure where both the current state and recent trend are vital for operational decision-making. It is perfectly suited for centralized control room dashboards and localized operator panels.
Compatibility
Works with WinCC Unified (TIA Portal) and WinCC V8. The control supports standard event handling like CardClicked for drill-down navigation.
💡 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.