Product Template Bar Chart #

Introduction #

The Product Template Bar Chart is a visualization component that aggregates and displays product template data using a customizable bar chart. It supports multiple aggregation types across numerical and timespan values, grouped by any specified field such as product name, type, or category. It’s ideal for visualizing template-based data over a selected time range.

Features #

  • Supports numeric and timespan values (minutes-based conversion)
  • Aggregates by: Sum, Average, Min, Max, Count
  • Displays formatted tooltips and bar labels for better readability
  • Fully customizable date range selection with calendar inputs
  • Visual differentiation using a consistent color palette
  • Displays aggregation type label with PrimeReact Tag

Use Cases #

  • Comparing durations (e.g., downtime, machine runtime) across templates
  • Summarizing production metrics like totals, averages, or occurrences
  • Visualizing named process entries or categorical data from product templates
  • Embedding real-time or historical analytics in dashboards

Value Types #

  • Numeric (DOUBLE, LONG): Displayed with units (e.g., °C, kWh)
  • Timespan (TIMESPAN): Displayed in formatted duration (e.g., 2d 3h 15min)

Example #

Product Template Bar Chart

Product Template Bar Chart