CSV Trend Viewer | Custom Web Control | WinCC Unified & V8

Custom Web Control

About CSV Trend Viewer

CSV Trend Viewer is a Custom Web Control for WinCC Unified and WinCC V8 that plots time-stamped process values from a CSV file selected by the operator at runtime. Import a file and the trend is redrawn immediately, without engineering changes or screen reloads.

Key Features

• Runtime CSV import: Operators choose a file with the Import button. If a file is rejected, the previous trend stays displayed.
• Automatic format detection: Delimiters and decimal commas are recognized without manual setup.
• Dual value axes: Series with different units can be read against a left and a secondary value axis.
• Time-axis zoom and pan: Inspect any interval and return to the full data span in one step.
• Series readout chips: Show or hide each curve directly from its chip, with values shown at the configured precision.

Customization

All behavior is set in the engineering tool through the 17 contract properties. backgroundColor, title and subtitle define the header, while importButtonText, importButtonTooltip and resetZoomTooltip label the controls. emptyStateText sets the prompt shown before any data is loaded, and errorPrefixText introduces import error reasons. csvData provides the initial dataset, named by demoFileName in the file chip, and rowsLabel sets the unit word after the row count. decimals controls readout precision. fixedYAxis with yAxisMin and yAxisMax fixes the left scale, maxSeries limits plotted columns from 1 to 8, and maxFileSizeMb caps accepted file size. The methods resetZoom, openFilePicker and setSeriesVisible and the events OnDataImported and OnImportFailed connect the control to screen logic.

Use Cases

Ideal for reviewing historian exports on operator panels, investigating batch or shift data in control rooms, and comparing process curves from offline logs during commissioning and troubleshooting.

Compatibility

Runs on WinCC Unified (TIA Portal) and WinCC V8. Built with HTML, CSS and JavaScript, it works fully offline with no external fonts or network calls.

AI-Generated: This custom web control was automatically generated using AI. Please test and validate it 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.

## Current version: v1 (2026-10-21)