Add Visual Filter Bar to SAP Fiori Elements Application

Purpose

This skill guides you through adding a visual filter to a value help dialog in SAP Fiori Elements applications. Visual filters display aggregated data as charts (bar, column, line, or donut) to help users filter data visually.

When to Use This Skill

• Adding visual filters to value help dialogs on filter fields
• Enhancing user experience with graphical data representations
• Displaying aggregated data (sum, average, min, max) in filter selections
• Implementing analytics features in Fiori Elements OData V4 applications

Prerequisites

• SAP CAP project with OData V4 service
• SAP Fiori Elements application (List Report or Analytical List Page)
• An entity with properties that can be aggregated
• Basic understanding of CDS annotations and manifest.json configuration

Implementation Steps