简介

我最近一直在探索CAP，大数据主要学什么，这次，我想在CAP上面创建一个Fiori OviewPage（OVP）。在OVP中，大数据的趋势，图表是帮助数据可视化的重要元素。Ashish Anand的博客系列详细解释了什么是OVP以及如何创建它们。

在这个博客中，我将分享我在CAP服务之上创建图表的经验。实际上，我还没能加上用户界面图表直接在CAP上添加注释，并使用Fiori elements应用程序的本地注释。如果有人知道如何做到这一点，泛在电力物联网，请让我知道在下面的评论部分。

更新：感谢奥利弗Klemenz，该应用程序正在运行没有本地注释。

代码可在我的GitHub存储库。

我将开发一个简单的OVP应用程序，显示过去的费用和按类别分组的汇总费用。应用程序将如下图所示。

Visual Studio代码cds开发工具包Fiori工具扩展

步骤

1.1。创建数据库/架构.cds

我参考了Gregor Wolf的GitHub存储库，了解了如何创建能够显示聚合值的en实体。首先，我创建了一个简单的费用实体，并添加了一个视图ExpensisAnalyitcs来汇总它的金额。创建srv/cat-服务.cds.

我只是简单地公开了这两个实体，并添加了UI注释。

1.3。使CAP服务适应OData v2.

CAP服务需要适应OData v2才能被Fiori工具使用。为此，请使用@sap/cds-odata-v2-adapter-proxy。这些设置在我以前的博客中有描述。

接下来，在同一个项目中添加一个OVP应用程序。我使用了Fiori工具来生成应用程序。从模板中选择概述页。

2。选择"连接到OData源作为数据源"，并指定本地CAP OData URL:：4004/v2/目录/

3。过滤主体选择"费用"。

4。键入以下信息。

5。移动到你刚刚创建的ovptest文件夹并运行应用程序。

此时，用云服务器，没有任何内容（甚至过滤器！）。

在ovptest/webapp中/清单.json，填写globalFilterEntityType.

一旦您这样做，开始云，FilterBar就会出现。

将以下设置添加到ovptest/webapp/清单.json.

将显示列表卡。

将以下设置添加到ovptest/webapp/清单.json，在"list01"卡下面。对于图表，我使用的是聚合实体：ExpensesAnalytics.

图表已经加载，我们可以看到它显示的是聚合金额。

为了比较，我在正常开支实体的基础上添加了相同的图表。生成的图表没有聚合。

结论

这些是我到目前为止学到的：

要在Fiori elements应用程序上显示聚合图表，基本实体需要@Aggregation注解。用户界面图表CAP上的注释似乎不起作用，必须向Fiori elements应用程序添加本地注释。

参考

SAP Fiori elements Overview Page（OVP）：什么和如何Fiori元素：OVP甜甜圈卡