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 Sparkline Tile
The KPI Sparkline Tile is a high-density performance indicator designed for industrial SCADA and HMI applications. It provides operators with a comprehensive view of critical process metrics by combining a primary numerical value with real-time trend visualization. This Custom Web Control allows for immediate situational awareness through its integrated SVG sparkline and dynamic status indicators, making it an essential component for modern WinCC Unified and WinCC V8 dashboards.
Key Features
- Dynamic Trend Visualization: The integrated sparkline renders historical data points from the trendData array, providing context to current values.
- Visual Alarm Management: Features an automated alarm state that triggers a pulsing red border when the value exceeds the highThreshold.
- Performance Tracking: A color-coded delta badge automatically calculates and displays percentage changes using the deltaValue property, featuring intuitive directional arrows.
- Interactive Elements: Supports the KPITileClicked event for drill-down navigation and the triggerAlarmManual method for system testing.
Customization
The control offers 8 bindable properties for seamless integration. Engineers can customize the backgroundColor to match corporate standards and adjust the sparklineColor to enhance visibility. The title and unit properties ensure clear identification of the metric, while the resetTrend method allows for programmatic clearing of historical data buffers directly from the PLC or UI scripts.
Use Cases
- Production Monitoring: Tracking motor speed or throughput rates with historical context.
- Utility Management: Visualizing energy consumption or pressure levels across different plant sectors.
- Quality Control: Monitoring deviation rates and threshold violations in real-time.
Compatibility
This control is fully compatible with WinCC Unified (TIA Portal) and WinCC V8. It supports standard web technologies and requires no additional browser plugins for runtime operation.
💡 TIA Portal Reminder: Ensure that the "Read only" option is unchecked in TIA Portal when linking tags to properties that require bidirectional communication. This ensures the Custom Web Control can properly interact with the HMI tag system.
⚠️ AI-Generated: This custom web control was generated using AI technology. It is highly recommended to perform thorough validation and safety testing in a sandbox environment before deploying this control in a live production environment.
⚠️ 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.