首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

对于在移动设备上创建交互式图表最为重要的一些参数(3)

对于在移动设备上创建交互式图表最为重要的一些参数(3)

7. 长链接布局参数值备注globalLinkStyleorthogonal, direct在同一个图表中可以混合使用不同的样式。horizontaGridOffset, verticalGridOffsetnumber定义链接点所在的网格有多密集的关键维度参数。更细的网格(较小的网格大小)通常改进布局的质量,但是代价是计算减慢,内存占用增加。
长链接布局算法提供其他自定义选项,包括各种间距选项。
参数对性能的影响:
  • 速度取决于链接的数量。该布局适合于中小图形。
  • 网格大小参数(网格线之间的距离)对性能有较大影响。网格大小越小,布局安排越慢。
  • 该算法提供一个 exhaustiveSearchMode,在性能很重要时,应避免使用它。
优化移动设备的图形布局应用程序与典型台式机或笔记本电脑相比,移动设备有特定的限制:
  • 屏幕尺寸较小(适用平板电脑,特别是智能手机)。
  • 特定的交互模式(使用触摸手势)。
  • 较少的可用内存。
  • 更低的 CPU 功率。
  • 较慢的网络访问,特别是对于 GSM 连接。
小屏幕尺寸和交互模式需要您设计适合移动设备的图形用户界面。Dojo Diagrammer 可从移动 dojo 包 dojox.mobile 中获益,这使得人们更容易采用 Dojo Diagrammer。
移动应用程序还需要将 CPU、移动和网速限制考虑在内。对于使用图形布局的图表应用程序,这三个因素都很关键。事实上,大部分图形布局算法从其数学性质来说都是计算密集型的,且移动设备需要通过网络接收描述图形的数据,这对于大图形来说较慢。
下面是在移动设备上优化您的图形布局应用程序的重要提示:
  • 设计向用户呈现中小图形的应用程序。如果业务数据需要用到大图,则提取与数据相关的一小部分(图 2 展示了这一构想)。除了节省计算能力之外,这还提供一个适合屏幕大小的数据视图。
  • 在所有图形布局算法中,人们倾向于使用最快的算法,特别是对于大图。最快的算法是树形布局和网格布局。层次布局和链接布局较慢,应用于中小图形。最慢的算法是力导向 (force-directed) 布局。
  • 要注意那些显著影响性能的图形布局的自定义参数。
  • 可以尝试在服务器端执行图形布局。Dojo Diagrammer 允许您将布局算法编写为浏览器内的 Dojo 代码来执行,或者编写为在服务器上运行的 Java™ 代码来执行,这得益于产品中包含的随时可用的 RESTfull/JAX-RS 服务。在服务器上运行布局算法时,实际设备的 CPU 和内存就不那么重要了。此外,移动设备需要下载较少的 JavaScript™ 代码,因为它不需要算法代码,这会减少应用程序的初始加载时间。另一方面,在服务器上执行时需要在移动客户端与服务器之间传递用 JavaScript Object Notation (JSON) 序列化的图形描述,这对于 GSM 连接来说会很慢。可以根据图形的大小和速度特征、布局算法、移动设备和网络,确定客户端和服务器端哪个更适合一些。Dojo Diagrammer 为您同时提供两个解决方案,让您自由使用最适合某个情况的方案。
图 2. 使用组织机构图的局部视图为移动设备定制图形布局应用程序的示例
返回列表