作者：Hồng ngọc Vũ&Freek Keijzer，Experis Ciber
简介
在最近的一个博客中，我们描述了我们在Experis Ciber上所做的工作，该工作是跨S/4HANA云、SAP云平台（SCP）和SAP分析云（SAC）的SAP系统环境的100%虚拟端到端场景。网址：https://blogs.sap.com/2019/05/15/sap-end-to-end-scenario-from-s4hana-cloud-via-hana-modeling-in-scp-to-sac/
在本博客中，我们将重点介绍SCP+SAC，比较在SCP上开发SAPUI5数据可视化应用程序和在SAC中创建图形报表。在这些开发之前，我们将使用图形计算视图对SCP进行一些数据建模。
系统环境
在用于端到端场景的系统环境下。对于这里介绍的工作，我们没有使用ES5中的数据，而是在SCP上的Hana数据库的表中创建了开发/测试数据。
Hana建模
所有Hana建模都是使用SCP上的"SAP Hana基于Web的开发工作台"完成的。开发/测试数据是使用下面显示的csv文件在SCP本身上创建的。我们使用hdbdd/hdbti文件在HANA数据库上创建表结构和内容。"文件"数据_动作.csv"是存储在文档级别的实际数据的简化版本。"文件"数据_计划.csv"表示计划数据，通常不存储在文档级别，而是分配给属性组合，如本例中的"cocode"+"year"。
创建的第一个计算视图是这些文件之间的并集。见下文
共享属性为"cocode"和"year"。措施有"行动1"、"行动2"和"计划"。属性"docnr"表示文档编号，对于度量"plan"没有值。请参阅下面的数据预览。
这个联合将被证明足以用于SAC报告。对于UI5应用程序，我们创建了更多的计算视图，例如聚合，在聚合之后，只有"year"或"cocode"作为属性，以及各种过滤器。
连接
为了能够使用SAPUI5应用程序中的数据，我们将使用oData公开它。创建一个xsodata文件，其中服务的实体在{}s之间。在这种情况下，我们定义了不同的数据集，以便稍后在SAPUI5应用程序中使用。
为了能够在WebIDE中使用这个oData服务，我们需要在云中添加一个目标。请记住使用您在创建表、数据、计算视图和oData服务期间创建和使用的用户演示的凭据。
在SAC中报告
通过实时连接从SAC连接到SCP中的计算视图是小菜一碟，如前一篇博客所示。这同样适用于创建以计算视图作为数据源的SAC模型（我们采用了数据的"union"版本）以及构建图形报告。我们选择了图表选项"chart Structure">"Comparison">"Combination Stacked Column&Line"。这完全是儿戏。请看下面显示的结果。看起来不错吧？
确实如此，直到您决定将"Y轴标签"的设置从默认的"隐藏"更改为"显示"，请仔细查看Y轴的比例，并注意堆叠的柱和线的比例是不同的。请注意，这是打开标记"Y轴重叠"时的输出。这要么是一个bug，要么对SAC产品的软件开发人员进行某种重新缩放是有意义的。我们把它作为一个bug报告给了SAP，以找出是哪种情况。
带有UI5的数据可视化应用程序
我们正在使用WebIDE全栈开发该应用程序。创建新项目时，选择选项"newproject From Template"，然后选择"SAPUI5 Application"Template，填写所有必填字段，为第一个视图命名为"Overview"，并选择视图类型"XML"。之后，将创建一个文件夹结构中包含以下文件的项目。
在开始使用所需图表创建视图之前，我们当然需要能够访问数据。有了奥达塔和目的地，我们仍然不在那里！在应用程序中，人工智能网络，它需要被定义，这可以在清单.json"文件。选择底部的"描述符编辑器"。
然后选择"数据源"和"+"。然后，选择一个系统来添加服务目录。您将看到在目标配置中添加的名称。一切顺利完成后，您将获得以下信息：
现在让我们开始应用程序！在SAC中，您可以看到我们使用了"Chart Structure">"Comparison">"Combination Stacked Column&Line"，所以我们当然会在SAPUI5控件中找到一个与我们找到的相同的图表。转到"SAPUI5 SDK–演示工具包"(https://ui5.sap.com/)>"样本">"图表-数据可视化">"数据可视化">"VizFrame图表">"组合图表-柱+线/堆积柱+线"。框架图有自己的聚合。这里要提到的两个重要的数据集是"dataset"类型的"dataset"和"feeds"类型的"FeedItem"。在数据集中，我们告诉哪些数据要用于维度，哪些数据要用于度量。在feed中，我们要确保引用的数据能够正确地显示出来，正如我们所希望的那样。记住在"中添加库"mvc:视图"tag.
控制器的代码应该是这样的：
在应用程序中，我们本想使用union的计算视图的数据，但是因为没有像报表工具中那样的内置聚合，所以这将无法工作。将有更多的算法需要实现这一点，但那是另一个时间！正如您所看到的，我们在oData集合中有更多的实体。为了得到正确的结果，我们使用了聚合的计算视图，因此只剩下"年"属性。
如果结果是这样，恭喜！你刚刚建立了一个UI5应用程序。谁知道你的第一个。
