数据可视化是分析的一个重要方面。因此，它已成为同一领域不可或缺的一部分。它不仅使信息具有吸引力和交互性，云服务器服务商，返现网，而且是传递数据的最有效手段。它的最佳用例是父子关系，因此是实现这一点的最佳工具之一。这种可视化的一些用例是文件夹结构，物联网断路器，依赖结构等

本文介绍了使用D3在UI5中实现树形图的方法之一图表。作为树形图在UI的标准库中不直接可用，它需要作为一个自定义控件来实现。

图的生成是用UI5附带的标准d3库完成的。

这里的想法是将canvas元素添加到视图和自定义控件以对其进行操作。D3控件将是此自定义控件的一部分。

在下面的示例中，我们将用图形创建一个简单的母版详细信息页。

项目的基本结构如下所示。

树实现取自交互式d3.js树图

整个想法是创建一个自定义控件。

交互式测试.view.xml：这是基本控件视图。画布将使用sap.m添加到这里。公用.FlexBox.

交互式测试.控制器.js：这是将图表放置在画布上的控制器文件。

Inte关系图.js：包含构建树的逻辑的文件。

renderer（）：插入画布的方法。

onAfterRendering（）：结构其中的数据如下所示，可以用rest调用

代替，在这种方法中，您可以将控件添加到canvas元素，零售大数据解决方案，并且可以添加图形控件这里。自从现在您有了元素的ID，您可以使用jQuery等任何其他库来操作元素。

基本工作代码可以在这里找到。

参考：

https://blogs.sap.com/2014/07/17/custom-sapui5-visualization-controls-with-d3js/

，返利机器人是真的吗