SuperAPI AI 工具集

sap-fiori-add-visual-filter

通用与其它

查看项目

更新于 10-15 19:50

技能介绍

用途:为 SAP Fiori Elements 的筛选栏或值帮助对话框(OData V4)添加基于图表的可视化筛选器,图表类型为柱状图或折线图。

必要输入:实施前必须先向用户确认实体、维度字段、度量字段、聚合方式(sum/avg/min/max)和图表类型(推荐柱状图),缺一不可。

CAP 实现:在 CDS 中通过 @Aggregation.ApplySupported 启用聚合,定义 Analytics.AggregatedProperty 聚合属性,用 UI.Chart 配合 DynamicMeasures 定义图表,再配置 UI.PresentationVariant、Common.ValueList 与 UI.SelectionFields。

ABAP RAP 实现:后端 CDS 需 @OData.applySupportedForAggregation: #FULL 并使用 provider contract analytical_query,度量字段标注 @Aggregation.default: #SUM;图表注解使用 Measures(而非 DynamicMeasures),元数据只读,须在后端 CDS 配置。

Manifest 配置:需设置 SelectionFields 的 layout 为 CompactVisual、initialLayout 为 Visual,并将筛选字段的 visualFilter.valueList 指向对应 ValueList 注解。

测试:CAP 项目可用 npm run watch-<app-name> 或 cds watch;RAP 项目可用 npm run start-mock(需刷新元数据)或 npm start(运行时从后端获取元数据)。

限制与常见错误:后端聚合未配置、Chart/ValueList/PresentationVariant/manifest 之间限定符不一致、manifest 路径未用完整词汇表路径、RAP 误用 DynamicMeasures、ValueList 缺少 PresentationVariantQualifier、缺少 SelectionFields 注解。建议每个筛选栏限制 3–5 个可视化筛选器,并保持限定符一致。