简介

自2019年第4季度发布以来，云服务器 免费，SAP Analytics Cloud（SAC）Analytics Designer允许用户创建自己的小部件（组件）。在这篇博文中，我介绍了开发的进度条小部件

自定义小部件是SAC中的一个独立组件。SAC已经为您提供了各种各样的组件，大数据的发展前景，您可以使用这些组件来设计仪表板。但是，如果这些预定义的组件不能满足您的仪表板的场景或需求呢？这就是Analytics Designer中的自定义小部件的用武之地。它们可以精确地根据您的需求进行定制，从而实现特定的场景或需求。

这些定制组件是由前端开发人员用JavaScript开发的。在这些定制小部件中，可以开发JavaScript的所有功能。实际的自定义小部件必须存储在单独的服务器上。为了使这个小部件在SAC中可用，SAC中包含了一个JSON文件。这个文件基本上包含描述这个小部件的所有信息（元数据）。这包括SAC中这个小部件的所有描述，以及服务器的存储位置和用于在分析设计器中编程的接口。我已经托管了这些web组件，建站系统哪个比较好，使用Github页面的JS文件

进度条自定义小部件

这个组件是初学者的理想选择，因为它的基本设计和功能

下图显示了在SAC分析设计器中添加的进度条组件

它基本上由一个值驱动进度，表示进度超出100%的百分比，根据上限值和下限值计算，大数据下，上限值和下限值也作为组件的输入

例如，金额组件的输入值为60，下限值0和上限值80，在此基础上使用公式

百分比=（值/（上限-下限））*100

=60/（80-0）*100

=75%

计算百分比。组件还接受标题的附加输入，返利淘联盟，该标题具有类似于上述情况下实际值的信息和标题的颜色上述示例中为绿色的组件。

以上所有输入均使用参数值、下限、上限、标题的方法setvalue进行控制，颜色

应用程序–初始化屏幕：

结果：

返回组件设置值的getvalue方法。

上述组件还可以通过样式和生成器web组件进一步增强，以提供不同的样式选项和数据绑定选项。

结论

博客文章将引导您完成设计的基本思想和进度条自定义小部件的功能。同样的组件也可以通过修改JS文件来变成一个径向进度条，使用radian计算进度。

我发现下面的博文对学习如何在SAC中开发自定义小部件非常有帮助

https://blogs.sap.com/2020/01/27/your-first-sap-analytics-cloud-custom-widget-introduction/