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 Trend Chart
Trend Chart is a high-performance dual-series trend viewer engineered for real-time process monitoring within industrial SCADA and HMI environments. This Custom Web Control provides a sophisticated interface for visualizing complex data streams, allowing operators to perform deep data analysis through interactive tooltips and precise axis scaling. It is designed for seamless integration into WinCC Unified (TIA Portal) and WinCC V8 projects.
Key Features
- Dual-Series Visualization: Simultaneously track two independent data streams using curveData1 and curveData2 for side-by-side process comparison.
- Interactive Analysis: Features built-in tooltips and a PointSelected event that triggers when specific data points are clicked, enabling detailed inspection.
- Dynamic Scaling: Toggle the autoScale property for automatic range adjustment or manually define the scale using yAxisMin and yAxisMax.
- Advanced Methods: Includes built-in functions to clearChart for fresh data cycles or exportAsImage to capture current trends as PNG files for reporting.
Customization
The control offers 13 configurable properties to match your corporate identity and operational requirements. Users can define the backgroundColor, set specific lineThickness, and toggle the showGrid visibility. Branding is made easy by customizing labelCurve1 and labelCurve2, while colorCurve1 and colorCurve2 allow for clear visual distinction between data sets.
Use Cases
The Trend Chart is ideal for monitoring temperature profiles, pressure fluctuations, motor speeds, and tank levels. It is perfectly suited for control room dashboards where real-time trend analysis and historical data visualization are critical for operational safety.
Compatibility
Fully compatible with WinCC Unified (TIA Portal) and WinCC V8. The control supports direct tag binding for all numerical and string properties.
💡 TIA Portal Reminder: Ensure the "Read only" option is unchecked in TIA Portal when linking tags to properties that require bidirectional communication, such as those used for interactive data logging.
⚠️ AI-Generated: This custom web control was generated using AI technology. Always perform comprehensive testing and validation in a staging environment before deploying to 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.