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

look_w

每一期创新触手可及专栏文章都从开发人员和从业人员的角度提供了有关新兴技术主题的新信息和讨论，并介绍了前沿 IBM® WebSphere® 产品的幕后知识。
简介IBM ILOG Dojo Diagrammer 是新发布的 IBM                WebSphere® Application Server Feature Pack for Web 2.0 and Mobile V1.1 的一个组件。Dojo Diagrammer 支持应用程序显示和编辑图形（图表），并提供一整套图形布局算法来实现节点的自动放置，确保链接具有最优形状。图 1 是一个使用 Dojo Diagrammer 的业务流程管理 (BPM) 应用程序示例。
图 1. BPM 应用程序中的图形布局示例在  中，我就如何选择 Dojo Diagrammer 提供的图形布局算法提供了一些简要指导，同时介绍了可以使用一些参数来调优每个算法。在此基础上，下一节中的表基于图表格式列出您需要了解的重要参数，并描述这些参数如何影响应用程序性能的提示：
至关重要的图形布局参数1. 层次布局参数值备注flowDirectionleft, right, top, bottom定义图表的大部分链接 “流向” 的方向。globalLinkStyleorthogonal, polyline, straight在同一个图表中可以混合使用不同的样式。recursiveModetrue, false启用之后（默认启用），算法为整个嵌套的图形进行全局的布局优化，而非为每个子图进行局部优化（一个子图是另一个图形的节点中包含的一个图形）。而且在启用该参数之后，它展示 “图形符之间的” 链接（即让不同的子图上的节点互相连接的链接）。
层次布局算法提供许多其他自定义选项，包括各种间距选项、一个增量模式和一个细粒度约束机制。
参数对性能的影响：

• 层次布局的速度很大程度上取决于图形本身的特征，尤其在它取决于图形的密度（即链接数量与节点数量之间的比率）时。该算法可以处理只有几个链接的非常大的图形，但是对于具有大量链接的较小图形可能太慢。
• 在所有参数中，“分层约束” 对速度的影响最大。约束是供用户以细粒度的方式定制布局的一个机制。约束越少，布局中放置节点的自由度就越高，布局安排就越快。特别地，您应当避免难以实施的约束冲突，因为这些冲突检测起来非常慢。

2. 树形布局参数值备注layoutModefree, level, balloon, radial, alternating radial, various variants of tip-over modes该参数的设置不同，布局的差距会非常显著，因此逐个试用这些模式来选择较适合的布局是很有趣的。flowDirectionleft, right, top, bottom定义图表 “流向” 的方向。globalLinkStyleorthogonal, straight在同一个图表中可以混合使用这两种样式。
树形布局算法提供许多其他自定义选项，包括各种间距参数。
参数对性能的影响：

• free 和 level 布局模式是最快的。
• radial 布局模式稍微有点慢，但是通常对于大图形来说已经足够快了。
• tip-over 布局模式很慢，仅应当用于中小图形。

3. 力导向布局参数值备注layoutModeincremental, non-incremental, fast multilevel最有用的是 fast multilevel 模式，因为它通常对于大图形来说更快。incremental 模式在需要布局尽可能保留在节点的初始位置时有用，这样可以保留用户所谓的 “意象图”。preferredLinksLengthnumber增加值将节点扩展到更大区域，或者减小值来获得更密集的布局。
参数对性能的影响：

• 为了满足各种需求，该算法提供三种可选的模式：incremental、non-incremental 和 fast multilevel。后者通常对于大中型图形来说是最快的。