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

look_w

简介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。后者通常对于大中型图形来说是最快的。

4. 环布局参数值备注clusteringModebySubgraphs, byClusterIds, Automatic定义如何指定群集：要么每个子图形成一个群集，要么根据 id 为每个节点指定群集，要么在无需额外规范的情况下从图形拓扑自动定义群集。addClusterIdnumber当聚类模式为 byClusterIds 时，指定群集、用星号标记中心、安排索引最能改变布局。minimumClusterSize, maximumClusterSize, clusterByBiconnectivitynumber and true, false当聚类模式为 Automatic 时，这些参数影响将图形节点分组为集群的方式。
环布局算法提供其他自定义选项，包括各种间距选项。
参数对性能的影响：

• automatic 聚类模式通常是最慢的模式，因为它需要计算最优聚类，而在其他模式下，聚类用作算法的输入。

5. 网格布局参数值备注layoutModerows, columns, matrix with fixed total width, matrix with fixed total height可以在行、列或矩阵（网格）中布置节点，为其指定总宽度或总高度。horizontalGridOffset, verticalGridOffsetnumber如果 layoutMode 为 matrix，定义网格线的间距。如果 layoutMode 为 rows 或 columns，不使用这些参数。leftMargin, rightMargin, topMargin, bottomMargin
如果 layoutMode 为 rows 或 columns，定义节点边界与网格单元边界之间的最小距离。如果 layoutMode 为 matrix，定义两个邻近节点之间的最小距离。
网格布局算法提供其他自定义选项，包括一个增量模式和次序选项。
参数对性能的影响：

• 网格布局大体上很快，并且可以处理庞大的图形。
• 但是在从 tile 到 matrix 的布局模式中，速度取决于网格大小（网格线之间的距离）。网格大小越小，布局安排越慢。
• 如果布局模式为 rows 或 columns，网格大小对性能没有影响。

6. 短链接布局参数值备注globalLinkStyleorthogonal, direct在同一个图表中可以混合使用不同的样式。linkOffsetnumber定义连接到同一节点的链接之间的最小偏移量。
短链接布局算法提供其他自定义选项，包括各种间距选项。
参数对性能的影响：

• 速度很大程度上取决于链接的数量。该布局适合于中小图形。

7. 长链接布局参数值备注globalLinkStyleorthogonal, direct在同一个图表中可以混合使用不同的样式。horizontaGridOffset, verticalGridOffsetnumber定义链接点所在的网格有多密集的关键维度参数。更细的网格（较小的网格大小）通常改进布局的质量，但是代价是计算减慢，内存占用增加。
长链接布局算法提供其他自定义选项，包括各种间距选项。
参数对性能的影响：

• 速度取决于链接的数量。该布局适合于中小图形。
• 网格大小参数（网格线之间的距离）对性能有较大影响。网格大小越小，布局安排越慢。
• 该算法提供一个 exhaustiveSearchMode，在性能很重要时，应避免使用它。