实用云,提供最全最实时的云市场资讯

手机站:/m

域名注册_谷歌云存储_怎么样

时间:2021-09-08 16:04编辑:实用云来源:实用云当前位置:主页 > 云服务器 >

我在机场等着去UI5Con(我的飞机显然晚点了),所以我决定花点时间写另一个UI5自定义控件相关的博客。这次是关于我的一个更加可视化的开源库:图形可视化库。您可以在这里找到一个非常简单的库演示:OData(可能需要一段时间才能加载)。

摘要

我构建了一个小的UI5库,用于显示类似图形的数据。这篇博文概述了当前的特性、示例和用法。您可以在GitHub上找到有关库的更多信息。代码本身是用ES6编写的,并在babel的帮助下传输到ES5。

图形

图形是库的核心。它们基于具有平移和缩放功能的d3力有向图构建。

在每个图中可能有一个节点集合和这些节点之间的链接集合。

每个节点可以展开或折叠。

节点扩展机制的工作原理如下:

将一个子集节点视为原始节点。无论任何其他节点的展开/折叠状态如何,大数据说,都将始终显示这些节点。图的宽度优先遍历从这些原始节点开始执行。遍历只跟随从扩展节点开始的链接。只显示访问过的节点和连接两个节点的链接。

图形可以是有向的或无向的(即链接描述单向或双向关系)。这对宽度优先遍历和图形的绘制方式都有影响。有向图的链接通过箭头表示。

节点也可能处于繁忙状态,云教云,带有自定义加载指示器。忙碌状态由来自的默认忙碌标志控制sap.ui.core.控件类

普通图形控件仅依赖于链接和节点之间的UI5关联(即,您需要为每个节点提供一个ID,大数据数据处理,以便能够在XML视图中的链接关联中使用它们):

如您所想,这并不总是构建图形的合适方法,尤其是在使用数据绑定时。

更合适的方法是使用基于键的图形。在这种图中,人工智能怎么样,每个节点都有一个关联的唯一键(这是一个属性,大数据解决,因此可以绑定),每个链接根据键确定其源节点和目标节点。

Explorers

一个更高级(但不太通用)的控件类是Explorers。这些控件专门用于显示OData特定的数据或元数据。

元数据资源管理器可以将OData模型的所有实体类型显示为节点,并将这些类型之间的关联显示为链接:

OData资源管理器查看OData模型的数据。它从单个实体开始(它是基础图的单一原点节点)。

展开此节点将通过导航属性打开所有相关实体。扩展节点时,在从后端服务接收到数据之前,节点一直处于忙碌状态。

对于*基数导航,有一个增长机制:一个专门的"更多…"节点用于指示有更多条目。按它将加载集合的另一部分。

主题支持

图形当前使用颜色、字体和字体大小的主题参数。因此,理论上,它应该在所有内置主题中默认工作。

示例和用法

您可以在GitHub上找到库的示例用法:示例代码和运行示例。

要使用库,您可以从GitHub发行版或直接从bower下载:

上一篇美国服务器_国内云主机试用_高性能

下一篇华为云_北京企业网站优化_年度促销

世界之最排行

世界之最精选