去年，SAP宣布推出数据中心时，我印象深刻。我第一次看到它是在拉斯维加斯TechEd的主题演讲中。在那里，Ian Kimbell展示了收集物联网数据的管道，然后以一种奇特的方式将其可视化。

如果你浏览视频（不到6分钟长），你会发现他使用了三种不同的方式来可视化数据。

一年后，我决定开始学习更多关于data Hub的知识。然后，我意识到上述3种可视化技术中的2种默认情况下不受支持，或者创建它们并不容易。

因此，我创建了自己的可视化仪表盘，在本博客中，我们将介绍如何在管道中创建和启用它们的步骤。他们不像"全球视野"那样花哨，但他们可以完成这项工作

这篇博客文章的最终结果如下：

更多的视觉例子在博客的结尾。点击这里。

我相信每个对这个话题感兴趣的人（博客）都已经熟悉SAP Data Hub了，所以不需要特别介绍。在任何情况下，我会推荐以下链接，如果有人刚刚开始：

https://blogs.sap.com/2017/12/06/sap-data-hub-developer-edition/https://blogs.sap.com/2018/04/26/sap-data-hub-trial-edition/

我个人使用developer edition并在本地机器上运行Data Hub作为docker容器。所有示例都是使用本版本创建和测试的，但它们（应该）也适用于任何其他环境，因为它们只使用Data Hub的非常基本的功能。

正如Ian在keynote上提到的，Data Hub是收集、管理和编排物联网数据的一个很好的工具。基本上，这里的主要目标之一是：

为了实现它，我们需要创建操作符（Javascript，Python，…）来丰富或过滤原始数据。在整个过程中，我们还需要调试我们的管道，为此，我们可能会使用著名的终端操作员。

不幸的是，终端不是那么友好，它并不总是容易找到具体的"线"或具体的"值"。如果我们想监控单个或多个传感器值，企业大数据分析，用这个控制台视图是不可能的。

对我来说，云服务器买，终端操作员的理想替代品是我们可以称之为图表操作员的东西，它将以图形方式实时显示传感器数据。为此，我找到了一个名为HTML-Viewer的操作符，它显示输入端口上接收到的任何HTML。

但是在哪里可以找到HTML-Viewer的详细信息呢？如果您转到Data Hub Modeler并搜索HTML Viewer，您将看到描述：

在这里，我想突出显示说明脚本标记将被忽略的注释。这意味着我们不能生成一些Javascript代码作为HTML的一部分，因为这个操作符只会忽略它。

我想我们都对Javascript有点熟悉，并且知道它负责今天提供的花哨图表。这意味着这种Javascript的抛弃将使我们的生活更加艰难

换句话说，我们将不得不生成纯HTML和CSS代码，这些代码将作为HTML查看器的一部分可见，但通过提供的即时刷新功能，我们可以实现图表的连续更新。

在博客的下一部分，我们将经历一步一步的过程并创建以数据生成器开始，以HTML查看器结束的简单管道。

首先我们将创建两个数据生成器操作符。他们将模拟来自两个传感器的流。为了简单起见，他们只会在指定的范围内生成随机值并进一步传播。

这一步是本博客的主要步骤。

我们将创建新的Python3Operator，它每500毫秒接受两个输入（来自两个生成器），并生成一个HTML字符串。然后我们将这个HTML字符串转发到HTML查看器中，HTML查看器是负责显示的组件。

为什么是Python？没有特别的原因，它可以是任何其他语言，可以产生HTML字符串。

关键是，新生成的HTML将只是以前生成的HTML的更新。这样，每个人都会看到最终的HTML动画（就像Javascript一样）。

接下来，微信返利机器人安全吗，创建两个输入端口并将它们与数据生成器连接：

将显示新窗口。如下图所示填充。点击OK.

现在，您已经在Python3Operator上创建了新的输入端口。使用以下属性再创建两个端口（一个输入和输出）：

第二个端口：名称：input2类型：字符串输入第三个端口：名称：输出类型：字符串Output

注意：名称input1，input2，Output将用于操作符内部的代码。

您的操作符应该如下图所示。

现在，在创建输入和输出端口时，我们将在操作符内部添加逻辑（python代码）。左键单击操作符并选择第一个选项：脚本。新的标签页将用注释过的python代码打开。您可以从这个代码编辑器中删除所有内容并替换为下面的代码。我知道，它很长，但您只能集中在第一节称为配置。

如您所见，端口名与配置中的值匹配。目前，您可以保持一切原样，但稍后您可以尝试使用不同的配置值。

此外，在我们启动管道之后，我将解释此脚本背后的主要概念。

管道中的最后一个操作符是HTML查看器。在操作符列表中找到它，并在python3操作符旁边拖放。然后，连接块以获得如下图所示的管道。

您的管道已经准备好，您可以通过单击"保存"按钮保存它：新窗口将打开，您应该用详细信息填充它：

名称：[选择您的名称–示例：我的图表管道]Description:[选择Description–示例：我的图表管道]类别：[留空]

最后，点击开始按钮，大数据时代的特点，您的管道（我的图表管道）将启动。现在你可以通过HTML浏览器打开你的图表了：

就是这样！我们已经达到目标了！

图表应该像这个博客开头的图表：